Реагируя на родной, scrollView обрезает пустые компоненты вида (также имеющие цвет фона)

Question

Новый, чтобы реагировать на нативный, у меня есть компонент вида с направлением изгиба как строка, теперь он вложен в два компонента вида с фоновым цветом розовый и синий соответственно.Он рендерится, как и ожидалось.
без изображения Scrollview

<View style={{flex:1, flexDirection:'row'}}>
    <View style ={{flex:0.3, backgroundColor: 'pink'}}>
    </View>
    <View style ={{flex:0.7, backgroundColor: 'blue'}}>
    </View>
</View>

Теперь, если я оберну выше код внутри scrollView, то на экране ничего не будет отображаться.Он обрезает пустые компоненты вида. Я хочу, чтобы scrollview также отображал пустые компоненты вида с фоновыми цветами. с изображением прокрутки

<View style={{flex:1}}>
    <ScrollView style={{flex:1}}>
        //above code here
    </ScrollView>
</View>

Answer 1

измените стиль в ScrollView на contentContainerStyle следующим образом:

 <ScrollView contentContainerStyle={{flex:1}}>

проверьте эту ссылку: стиль против содержимогоContainerStyle