Question

我有一个像这样的组件：

  <ScrollView style={{ width: '100%',backgroundColor:'#000' }}>
    <View style={{width:'100%', height: '100%', flex:1,backgroundColor:'#fff' }}>


    </View>
  </ScrollView>

但是上面的代码只是显示黑屏，我期望显示白屏！我哪里错了？

Answer 1

我认为您唯一需要做的就是在您的ScrollView中添加一个contentContainerStyle：

contentContainerStyle={{flex: 1}}

另外，您实际上并不需要宽度：100％，高度：100％，规则：flex：1，如果您在同一层上没有其他元素，就足够了。

所以我建议的解决方案是：

<ScrollView style={{ flex: 1, backgroundColor:'#000' }} contentContainerStyle={{flex: 1}}>
    <View style={{ flex: 1, backgroundColor: '#fff' }}>
      <Text>Yo man</Text>
    </View>
  </ScrollView>

滚动视图内部视图未显示

1 个答案: