React-Native ScrollView使TextInput消失

Question

对React Native来说很新，希望这是一个明显的疏忽，但我已经尝试过，但没有找到解决方案。这是一个非常简单的问题：当我有几个视图和一个TextInput时，所有内容都按预期排列。当我将它们包装在ScrollView中时，视图仍然存在，但TextInput不再呈现。我无法弄清楚原因。

为了测试和分享它，我在这里创建了一个rnplay应用程序：https://rnplay.org/apps/P774EQ

正如您所看到的，包含TextInput的视图中的文本按预期显示，但TextInput不存在。如果您只是删除ScrollView（第18行和第39行），则会出现TextInput。

希望有经验的人会看到这个，并在几秒钟内得到答案，因为我很确定我只是错过了一些明显的东西。提前谢谢。

Answer 1

1）第17行：style={styles.scrollview} =＆gt; style={styles.scrollView}，你有一个咒语错误。

2）使用contentContainerStyle进行ScrollView（for more details about contentContainerStyle）

<ScrollView keyboardDismissMode='interactive' style={styles.scrollview} contentContainerStyle={styles.contentContainerStyle}>

，这是contentContainerStyle：

contentContainerStyle: {
    flex: 1,
}

3）flex样式的message属性最好设置为.125，因为flex的{​​{1}}为inputcontainer。