Ios React Native:Flex for ScrollView不'；行不通

我有一个简单的视图，它有两个子视图，另一个视图和一个滚动视图。使用flexbox，ScrollView应比同一级别的视图高5倍

添加新内容
滚动我plz
滚动我plz

ScrollView是一个不继承使用

flex

的组件。您要做的是将ScrollView包装在一个视图中，该视图将创建您想要的弹性比率

  <View style={{flex: 1}}>
    <View style={{flex: 1, backgroundColor: 'powderblue'}}>
      <Text>Add new stuff</Text>
      <Button title="Browse Gallery" onPress={ openGallery } />
    </View>
    <View style={{flex: 5}}>
      <ScrollView style={{backgroundColor: 'skyblue'}}>
            <Text style={{ fontSize: 100}}>Scroll me plz</Text>
            <Text style={{ fontSize: 100}}>Scroll me plz</Text>
      </ScrollView>
    </View>
  </View>

添加新内容
滚动我plz
滚动我plz

要实现1:5的屏幕比例，使子组件视图和滚动视图相对于父视图，您可以按以下方式对其进行编码：

<View style={{ flex: 1}}>
    <View style={{flex: 1/5, backgroundColor: 'powderblue'}}>
      <Text>Add new stuff</Text>
      <Button title="Browse Gallery" onPress={ openGallery } />
    </View>
    <ScrollView style={{flex: 4/5, backgroundColor: 'skyblue'}}>
          <Text style={{ fontSize: 100}}>Scroll me plz</Text>
          <Text style={{ fontSize: 100}}>Scroll me plz</Text>
          <Text style={{ fontSize: 100}}>Scroll me plz</Text>
    </ScrollView>
  </View>

添加新内容
滚动我plz
滚动我plz
滚动我plz

与标记为正确的答案一样有效：）