我尝试使用react native创建一个应用程序,并使用以下代码在ViewPagerAndroid中的不同视图之间切换:
_onPressButton = (position) => {
this.refs.viewPage.setPage(position);
}
render() {
return (
<ViewPagerAndroid
style={styles.viewPager}
initialPage={0}
ref="viewPage"
>
<View style={styles.pageStyle} key="1">
<Text
style={{ fontSize: 24 }}
>
Spring
</Text>
<Image
source={{ uri: 'https://media.defense.gov/2016/Apr/06/2001512498/780/780/0/160406-F-PM645-019.jpg' }}
style={{ width: 420, height: 230 }}
/>
<Button
onPress={this._onPressButton.bind(this, 2)}
title="Summer"
color="#841584"
/>
</View>
<View style={styles.pageStyle} key="2">
<Text
style={{ fontSize: 24 }}
>
Summer
</Text>
<Image
source={{ uri: 'https://i2.wp.com/gothe-extramile.com/wp-content/uploads/2017/05/kinkakuji002.png?resize=600%2C450&ssl=1' }}
style={{ width: 420, height: 230 }}
/>
<Button
onPress={this._onPressButton.bind(this, 1)}
title="Spring"
color="#841584"
/>
</View>
</ViewPagerAndroid>
);
}
我预计会从春季转为夏季,反之亦然。但是,Summer中的按钮无法回到Spring。任何评论都会非常感激。