ReactNative：TextInput在FlexLayout中消失

Question

我在學習react-native，當我嘗試在flex佈局中使用TextInput組件時，它消失了。

index.android.js

我感到很困惑。

Answer 1

您需要設置一個高度上的TextInput：

<TextInput placeholder="test" style={{ height:60 }} /> 

Answer 2

我試圖設置的TextInput的高度，但它不工作。 我終於成功地將width或{flex：1}設置爲TextInput。 我認爲，當設置parant容器{flexDirection：「row」}時，TextInput的寬度爲0，所以我看不到它。默認情況下，父容器的彈性方向是'列'，TextInput元素調整自己的{flex：1}以填充父容器。