React Native：为什么在<ScrollView>内的<View>上设置flexGrow无效？

Question

在我的React Native应用中，我有以下代码：

Row email_date   
1   2018.11.06   

请注意，我在 <View style={{flex: 1}}> <View style={{backgroundColor: 'black', height: 50}}/> <ScrollView style={{borderWidth: 1, borderColor: 'red', flex: 1}}> <Text style={{ borderWidth: 1, borderColor: 'blue', flexGrow: 1 }}>aaa</Text> <Text style={{ borderWidth: 1, borderColor: 'blue', flexGrow: 1 }}>bbb</Text> </ScrollView> </View> 和flexGrow: 1 aaa上分别有bbb，但是它们并不能填满垂直空间。如果我将<View>换成<ScrollView>，则孩子确实会填满它。为什么会这样？

Answer 1

在此处查看ScrollView文档：https://facebook.github.io/react-native/docs/scrollview.html#contentcontainerstyle

您缺少的关键是指定容器样式。维护人员不会对您的期望做出任何假设，特别是因为根据您过去的经验可能会造成混淆。您绝对可以得到想要的工作。

下面是将其添加到您的代码中的一个示例：https://snack.expo.io/SkeLDj4EH