ScrollView 不显示内容 React-native

1fa*_*ira 4 scrollview react-native

我正在使用 react-native 构建一个应用程序,直到我需要添加 ScrollView,无论我添加什么屏幕并且内容停止呈现,都不会显示任何错误,无论发生什么都是无声的,我已经尝试了几件事我在互联网上看到但没有解决我的问题,我在下面放了一个示例代码......

我的代码:

export default () => (
    <View style={{flex: 1}}>
        <ScrollView style={{flex: 1}}>

             // My page content here

        </ScrollView>    
    </View>
);
Run Code Online (Sandbox Code Playgroud)

显然这很简单,但我没有找到解决方案,如果有人可以帮助我,谢谢。

小智 10

为我解决这个问题的代码是使用contentContainerStyle={{flex: 1}}而不仅仅是样式。这会在滚动视图的外部容器上设置 flex,而不是内部容器。

  • 这让我抓狂 contentContainerStyle 是如此关键! (2认同)

小智 5

尝试向滚动视图的样式添加高度和宽度,然后从那里开始工作。

或者

使其成为绝对位置并将顶部、左侧、底部和右侧位置设置为 0

position: 'absolute',
top: 0,
left: 0,
right: 0,
bottom: 0
Run Code Online (Sandbox Code Playgroud)