React-Native， ScrollView 不滚动

Question

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

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

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

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

有没有办法解决这个问题。我试图在所有内容上方放置一个导航栏标题，但无法真正弄清楚。

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>
);