使用React Native

Question

我怎样才能在React Native中制作一个黑色背景的简单ScrollView，其中我的盒子周围有一个20px边距的白框？

我试过了

<ScrollView style={{ backgroundColor: '#000', flex: 1 }}>
  <View style={{ flex: 1, margin: 20, backgroundColor: '#fff' }}
    <Text>Text</Text>
  </View>
</ScrollView>

但它没有填满整个屏幕的宽度和高度。

Answer 1

您应该在ScrollView中使用这样的填充：

<ScrollView style={{ backgroundColor: '#000', flex: 1, padding: 20}}>
  <View style={{ flex: 1, backgroundColor: '#fff' }}>
    <Text>Text</Text>
  </View>
</ScrollView>