React-Native，滚动视图不滚动

Question

当我像下面这个例子一样包装内容时，它会完美滚动..

 return(
    <ScrollView>
        <Text> TEST </Text>
        <Text> TEST </Text>
        <Text> TEST </Text>
        <Text> TEST </Text>
        ...
    </ScrollView>
);

但是，每当我将它包装在另一个视图中时，它都不会滚动。

 return(
    <View>
        <ScrollView>
            <Text> TEST </Text>
            <Text> TEST </Text>
            <Text> TEST </Text>
            <Text> TEST </Text>
            ...
        </SCrollView>
    </View>
);

是否有某种解决方法。我试图在所有内容上方放置一个导航栏标题，但无法真正弄清楚。

原文由 Joe Caraccio 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是一个错字：

您的关闭 ScrollView 标签是： </SCrollView> 而不是 </ScrollView> 。您还需要向 View 容器添加样式，下面是它的示例：

 return(
  <View style={{flex: 1}}>
    <ScrollView>
      <Text> TEST </Text>
      <Text> TEST </Text>
      <Text> TEST </Text>
      <Text> TEST </Text>
      ...
    </ScrollView>
  </View>
);

原文由 gran33 发布，翻译遵循 CC BY-SA 4.0 许可协议