Question

我是RN的新手，不知道为什么这个非常简单的Component只有一个Image和一些Text不会滚动。我怀疑第一个文本“标题在这里”可能是问题。

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>
    );
}
}

Answer 1

由于Android中的滚动不是惯性为IOS，

因此，如果ScrollView中包含的元素的total height小于screen height，则您无法将滚动显示为可能。

另外需要注意的是，您需要根据屏幕的Dimensions提供图像的高度，因为ScrollView行为与查看行为不同

希望有所帮助

ScrollView图像和文本不在Android中滚动

1 个答案: