ReactNative TextInput görünmeyen IOS

Question

sonucun hale şeritli aşağıdaki adres , Genişliğini de belirtmem gerekiyor. Bu, yalnızca iOS ile olur

, Android beklendiği gibi çalışıyor gibi görünüyor.

sabit boyutta olmadan iOS bir TextInput gösteren bir yolu var mı?

Güncel bağımlılıkları: Böyle hale değiştirilmesi

:

"dependencies": { 
    "react-native": "=0.18.1", 
    "react-native-orientation": "=1.12.2", 
    "react-native-vector-icons": "=1.1.0" 
    }, 

iOS:

Android

: iOS:

Android: textInput için bir yükseklik tanımlamak gerekir

Answer 1

return (
    <View style={{backgroundColor:'red'}}> 
    <Text>text</Text> 
    <TextInput value={'Hello'}/> 
    </View> 
); 

şu sonuca sahiptir. Eğer TextInput üzerinde bir yüksekliğe tanımlamak istemiyorsanız eğer içeren görünümünde yüksekliği ve esnek tanımlayabilir,

return (
    <View style={{backgroundColor:'red'}}> 
    <Text>text</Text> 
    <TextInput style={{ backgroundColor: '#ededed', height: 60 }} value={'Hello'}/> 
    </View> 
); 

Veya: TextInput 1: Deneyin

<View style={{ height:60 }}> 
    <TextInput style={{ flex:1, backgroundColor: '#ededed' }} /> 
</View> 

Answer 2

Yüzlü Aynı sorun, ancak render() işlevinin en üstteki ana görünümünden alignItems:'center' kaldırdığımda oluşturuldu.