Fatal编程技术网
  • css/
  • Css 如何在react native中对齐同一flex行上的Textinput输入？（动态）

Css 如何在react native中对齐同一flex行上的Textinput输入？（动态）

css reactjs react-native

Css 如何在react native中对齐同一flex行上的Textinput输入？（动态）,css,reactjs,react-native,Css,Reactjs,React Native,我想在同一行上设置两个文本输入，分别命名为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.in

我想在同一行上设置两个文本输入，分别命名为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>


到期日期
CVV
请提前向我发送css文件，谢谢

如果您希望标签和
文本输入在同一行中，代码如下：


      <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>




到期日期
CVV

如果希望标签和
文本输入在同一行中，则代码如下：


      <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>




到期日期
CVV

要将标签和
文本输入排成一行吗？要将标签和
文本输入排成一行吗？