css - 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'。