可触摸的不透明度不会在ScrollView中滚动

Question

我想在滚动视图中添加许多具有自定义图像的可触摸不透明度，但是我注意到，一旦它们填充了整个视图，它就不会滚动。其余的可触摸不透明可能会渲染在可见的下面，但无法向下滚动。有解决方法吗？

这是代码外观的简化版本。

<View style={{flex: 1}}>
    <View style={{flex: 2}}>
        ... 
    </View>
    <View style={{flex: 9}}>
        <ScrollView
            contentContainerStyle={{flexGrow: 1}}>
            <TouchableOpacity>
                <Text>Button 1</Text>
                <Image source={require('img')}/>
            </TouchableOpacity>
            <TouchableOpacity>
                <Text>Button 2</Text>
                <Image source={require('img')}/>
            </TouchableOpacity>
            <TouchableOpacity>
                <Text>Button 3</Text>
                <Image source={require('img')}/>
            </TouchableOpacity>
            <TouchableOpacity>
                <Text>Button 4</Text>
                <Image source={require('img')}/>
            </TouchableOpacity>
        </ScrollView>
    </View>
    <View style={{flex: 1}}>
        ... 
    </View>
</View>