React 本机 Scrollview 不适用于 android

Question

我尝试做一个滚动视图，但它不起作用。我试过 flex: 1, flexGrow:1, add flex:1 to outer views, add contentContainerStyle={{ minHeight: '100%', }}> ，但我无法让它工作。我是 React Native 的新手，除了阅读文档和在线答案外，我不知道该怎么做。为什么会这样？？

代码如下：

<SafeAreaView style={styles.container}>
     
     
      <View style={{flex: 1}}>
        <ScrollView
          showsVerticalScrollIndicator={true}
          contentContainerStyle={{
            minHeight: '100%',
          }}>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: darkBrown, fontSize: 30}}>TEXT</Text>
          <Text style={{color: 'red', fontSize: 30}}>TEXT</Text>
           
        </ScrollView>
      </View>
    </SafeAreaView>

容器样式

 container: {
    flex: 1,
    height: '100%',
    width: '100%',
    backgroundColor: lightestBeige,
  },

Answer 1

更改 <Text style={{color:"green"}}> 并在容器样式对象中 backgroundColor:"lightestBeige" ... 当它们离开屏幕时添加更多文本标签，然后滚动开始工作，因为知道不需要滚动。为了渲染更多数据，请使用 Flatlist 阅读它。

Answer 2

容器样式下不需要 height: '100%' 和 width: "100%"。

删除代码上的 view 标签。

在 contentContainerStyle 下将 minHeight: '100%' 替换为 flexGrow: 1

我希望它能解决。

Answer 3

SafeAreaView 可能是这里的问题。尝试用正常的 View

来改变它

React 本机 Scrollview 不适用于 android

React native Scrollview doesn't work on android

android

scrollview

react-native