为什么第二个按钮无法切换到第一个View in react native

时间:2018-05-05 04:19:26

标签: react-native

我尝试使用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。任何评论都会非常感激。

0 个答案:

没有答案