Question

私はリアクションネイティブのページをデザインしようとしています。ここでは、左側にテキストがあるフォームを作成しようとしています。以下の例のように

これは私がそれを書こうとしたものですが、テキスト入力フィールドを表示していません。

<Text > 
 
      Email: <TextInput placeholder="Enter email" underlineColorAndroid='transparent' style={styles.TextInputStyleClass}/> 
 
      </Text>

私は、Web用のスタイリングと非常によく知ってて、react.jsでそれを実装することとなっています。しかし、私は反応ネイティブではかなり新しいので、これを行う方法を理解することはできません。私は反応ネイティブマテリアルテキストフィールドの文書を見てきましたが、実際に必要なものを提供するわけではありません。どんな助けもありがとう。

Answer 1

このようなことを試すことができます。

<View style={styles.row}> 
    <Text> 
    Email: 
    </Text> 
    <TextInput 
    placeholder="Enter email" 
    underlineColorAndroid='transparent' 
    style={styles.TextInputStyleClass} 
    /> 
</View> 

そして、行にはStyleSheet flexDirection: 'row'を使用できます。おそらく他の調整が必要になるでしょう。

Answer 2

私はインラインスタイルを追加しました。

ちょうどテキストの下ではなく、その右にあるテキスト入力フィールドを示している

<View style={{flexDirection:"row",alignItems:'center'}}> 
 
     <Text>Name:</Text> 
 
     <TextInput 
 
     underlineColorAndroid='transparent' 
 
     style={{borderColor: 'gray', borderWidth: 1}} 
 
     value="placeholder" 
 
     /> 
 
     </View>