在alignItems =＆＃39; center＆＃39;为父母？

Question

我在View中有一个TextInput，它有alignItems =＆＃39; center＆＃39;。 使用此设置，TextInput将获取TextInput中文本类型的长度。

    <View style={{
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center'
    }} >
        <TextInput />
        <Text>This is React Native</Text>
    </View>

屏幕截图位于

之下

而我想要达到的目的是将孩子对齐在中心，同时拉伸TextInput的宽度以匹配父

喜欢这张图片

如何在本地做出反应？

Answer 1

 <View style={{
    flex: 1,
    justifyContent: 'center'
}} >
    <TextInput />
    <Text style={{
      alignSelf:'center'
   }}>This is React Native</Text>
</View>

将上述代码替换为您的代码。

Answer 2

Import {Dimensions} from 'react-native';

var { height, width } = Dimensions.get('window');

<TextInput style={styles.textInput}/>

const styles = StyleSheet.create({
  textInput:{
    width:width;
  },  })