Javascript 视图内部滚动视图不显示

我有这样一个组件：

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


    </View>
  </ScrollView>

但是上面的代码，只是显示了一个黑屏，我本来希望显示一个白屏！

---

我的错在哪里？

我认为您需要做的唯一一件事是在您的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>

游侠