在View中包装时,ScrollView不起作用

时间:2016-12-12 17:46:03

标签: react-native

我有一个像这样的组件

<ScrollView>
  <Text>Hello World</Text>
  <Text>Hello World</Text>
  <Text>Hello World</Text>
  <Text>Hello World</Text>
   ...
</ScrollView>

它工作得很好。但是,如果我将它包装在这样的视图中:

<View>
  <ScrollView>
    <Text>Hello World</Text>
    <Text>Hello World</Text>
    <Text>Hello World</Text>
    <Text>Hello World</Text>
     ...
  </ScrollView>
</View>
突然间,它不会滚动。如果我检查其中一个文本,它甚至不会显示它包含在滚动视图中。我不知道是什么原因引起的。仅在Android上测试过。

1 个答案:

答案 0 :(得分:1)

包装ScrollView的View组件必须设置height或flex:1。

简而言之,将flex: 1height: 50 // any number will do添加到“查看组件”