javascript - 使用 React Native 在 ScrollView 中创建完整的宽度和高度框

Question

我如何在 React Native 中制作一个简单的黑色背景 ScrollView ，其中我有一个白色框，框周围有 20 像素的边距？

我试过了

<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>