在android中不滚动图像和文本的滚动视图

我是RN新手,不知道为什么这个只有图像和一些文本的非常简单的组件不会滚动。我怀疑第一个文本“此处标题”可能是问题所在。

class ScrollContent extends Component {
state = {}

componentDidMount(){
    console.log("about componentDidMount")
}
render() {
    const { params } = this.props.navigation.state;
    return (
        <View style={{flex: 1}}>
        <ScrollView>
            <Image
                source={require('./../img/about.jpg')}
                style={{height:"40%",resizeMode: 'cover'}}
            />

 <Text style={{
                fontSize: 22,
                color:"white",
                backgroundColor:"red",
                paddingTop:20,
                paddingBottom:20,
                paddingLeft:10,
                paddingRight:10
            }}
            >title here</Text>
            <Text style={styles.text}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate diam a euismod euismod. Nullam sagittis pellentesque sem, eu vestibulum diam. Mauris eget egestas quam. Nunc fringilla magna id egestas semper. Mauris aliquet justo a vestibulum malesuada.</Text>

            <Text style={styles.text}>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vulputate diam a euismod euismod. Nullam sagittis pellentesque sem, eu vestibulum diam. Mauris eget egestas quam. Nunc fringilla magna id egestas semper.</Text>
        </ScrollView>
        </View>
    );
}
}