css - 如何在 React Native 中对齐同一 Flex 行上的 Textinput 输入？ (动态地)

Question

我想在同一行设置两个 textInputs，命名为 set 1 和 set 2

<View style={{flex: 1, flexDirection: 'row'}}>
<Text style={styles.label}style= {{width : 100}}>Expiration date</Text>
    <View style={styles.inputWrap}>
        <TextInput style={styles.inputdate} />  
    </View>

      <Text style={styles.label}>CVV</Text>
   <View style={styles.inputWrap}>
      <TextInput  style={styles.inputcvv } maxLength={17} />
  </View>

请将 css paticulat 发给我，提前致谢

Answer 1

如果您希望标签和 TextInputs 位于同一行，代码将如下所示:

      <View style={{flexDirection: 'row'}}>
        <View  style={{flex: 1, flexDirection: 'row'}}>
          <Text style={{flex: 0}}>Expiration date</Text>
          <TextInput style={{flex: 1}} />  
        </View>

        <View  style={{flex: 1, flexDirection: 'row'}}>
          <Text style={{flex: 0}}>CVV</Text>
          <TextInput  style={{flex: 1}} maxLength={17} />
        </View>
      </View>