ScrollView无法显示内容React-native

问题描述：

我正在构建一个使用react-native的应用程序，直到我需要添加ScrollView时，无论我添加什么屏幕，内容停止呈现，没有错误显示，无论是发生的是沉默的，我已经试过几件事情我在互联网上看到了，但没有解决我的问题，我把下面的示例代码...ScrollView无法显示内容React-native

我的代码：

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

      // My page content here 

     </ScrollView>  
    </View> 
);

显然，它的东西简单，但我没有找到解决办法，如果有人能帮助我，谢谢。

它是否呈现任何没有scrollview？我的意思是，如果你在外部视图组件内放入除滚动视图之外的其他内容，它是否渲染或不渲染？ –

答

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

或者

使其绝对位置，并设置上，左，下，右位置，以0作为这样

position: 'absolute', 
top: 0, 
left, 0, 
right, 0, 
bottom, 0

好人，它对我有用！ :) – 1fabiopereira

答

我想是因为你的根和滚动视图中使用柔性的风格。这对您的显示数据不适合屏幕有影响。尝试删除flex所有这些，并首先运行它没有flex风格。

答

'flex：1'导致问题，因为ScrollView在内容溢出时使用，所以显然你不应该指定它的宽度。试试这个代替 -

export default() => (
    <ScrollView> 
    <View style={{flex: 1}}> 
     // Page content here 
    </View>  
    </ScrollView> 
);

ScrollView无法显示内容React-native

相关推荐