使用React Native在ScrollView內部創建完整寬度和高度框

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>