我想要我的文本和按钮在我的屏幕上，但这两个元素之间几乎没有空隙 所以我给我的文本加了边框，然后那个文本被颠倒了，但我希望那个按钮是颠倒的，所以我也有了边框，但现在它没有颠倒，我怎么才能把它颠倒呢？时尚问题将何go 何从？也解释一下我的错误..
import { StyleSheet, Text, View, Button } from 'react-native';
export default function App() {
return (
<View style={styles.container}>
<Text style={{ margin: 16, marginBottom: '80%', backgroundColor: 'black' }}>Hello World</Text>
<View style={{ marginBottom: '80%' }}>
<Button title='Click me' />
</View>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});