ReactNative TextInput niewidoczne iOS

Question

I mają następujące demontowany uczynić wyniki:

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

Wytworzona TextInput nie jest widoczny w iOS chyba określić wysokość, oraz przy wykorzystaniu flexDirection: „wiersz”, w pojemniku , Muszę również określić jego szerokość.

Dzieje się tak tylko w systemie iOS, Android działa zgodnie z oczekiwaniami.

Czy istnieje sposób wyświetlania wpisu TextInput w systemie iOS bez ustalonego rozmiaru?

Aktualne zależności:

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

iOS:

Android:

Zmiana czynią tak:

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

ma następujący wynik:

iOS:

Androidem:

Answer 1

trzeba zdefiniować wysokość dla textInput. Spróbuj:

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

Lub, jeśli nie chcesz, aby określić wysokość na TextInput można określić wysokość w widoku zawierającym oraz Flex 1 na TextInput:

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

Answer 2

Faced ten sam problem, ale wyrenderowany po usunięciu alignItems:'center' z najwyższego widoku nadrzędnego w funkcji render().