我无法移动文本

Question

文本没有移动，我尝试使用justifyContent，alignItems和textAlign但不起作用。致力于visual studio和react-native，使用我的手机进行模拟器。 您可以看到代码^^ 希望你能帮助我

import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View,
TouchableOpacity,
TextInput,
Image,
Picker,
ImageBackground
} from 'react-native';

export default class App extends Component {
render() {
return (
<ImageBackground
source={require('./resim.jpg')}
style={styles.container}>
<View styles={styles.overlayContainer}>
<View styles={styles.top}>
<Text style={styles.header}>FIRST</Text>
</View>         
</View>         
</ImageBackground>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
width: '100%',
height: '100%',
},
overlayContainer: {
flex: 1,
backgroundColor: 'rgba(47,163,218, .4)',
},
top: {
height: '50%',
alignItems: 'center',
justifyContent: 'center',
backgroundColor: 'white'
},
header: {
color: '#fff',
fontSize: 28
}
});

请帮帮我。

Answer 1

overlayContainer： { flex： 1，backgroundColor：'rgba(47,163,218， .4(' }，

顶部： { 高度： '50%'， 对齐项目： '中心'，对齐内容： '中心'，背景颜色： '白色' }，

标题： { 颜色： '#fff'， 字体大小： 28 }

尝试：

为顶部样式和叠加容器样式添加宽度大小