TextInput转到页面中间

Question

我的app.js中有一个TextInput，但它停留在页面的中间，但是我希望它位于页面的顶部，我的意思是在通知栏下面，请我能做到吗

 <View style={BackStyles.container}>
            <TextInput
                underlineColorAndroid={'transparent'}  style={BackStyles.textBox}
            /></View>

const BackStyles = StyleSheet.create({
container: {
    flexDirection: 'row',
    alignItems: 'center',
    alignSelf: 'stretch',
    flex: 1,
    backgroundColor: '#E2E2E2',
    marginTop: 20,
},
textBox: {
    height: 36,
    padding: 4,
    marginRight: 5,
    flexGrow: 1,
    fontSize: 18,
    color: '#48BBEC',
    backgroundColor: '#fff'
}
});

Answer 1

尝试将alignItems: 'center'替换为alignItems: 'flex-start'。