flexDirection： 'row' squishesコンポーネント

Question

私は、ViewにTextViewを持っています。それは次のようになります。

+----------+ 
|TextInput | 
+----------+ 
|   | 
|   | 
+----------+ 

しかし、すぐに私はViewのスタイルにflexDirection: 'row'を入れて、それがこの

+----------+ 
|Tex|  | 
+----------+ 
|   | 
|   | 
+----------+ 

のように見える基本的に、その設定がはるかに小さい幅にTextInputをsquishes。これを回避するには？

この1つは、トップの画像である 、コードのよう：

<TextInput /> 

はこれが一番下です：

<View style={{flexDirection: 'row'}}> 
    <TextInput /> 
</View> 

Answer 1

あなたが入力ビュー全体の使用を埋めるためにしたい場合：

<TextInput style={{flex: 1}} /> 

テキストを特定の幅にしたい場合：

<TextInput style={{width: 100}} /> 

が、これはexample