leecade / leecade/react-native-swiper

[Android]Use react-native-navigation, Swiper can not rotate?

Open
#559 3 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
10.5k
Forks
2.3k
PR merge metrics
No merged PRs in 30d

Description

Which OS ?

Android 6.1

Version
  • react-native-swiper v1.5.11
  • react-native v0.48.1
Expected behaviour

In the Android platform, use the react-native-navigation plug-in, jump to the sub-page and return,
the swiper should normal use, but now, it's not work.

Actual behaviour

Use the react-native-navigation plug-in, jump to the sub-night and return, the rotation can not be played automatically, and when moving manually, it is not very smooth.
In IOS,it's good.

//first.js
  _onPressButton() {
    this.props.navigator.push({
      screen: 'jn.subOne',
      title: 'Pushed Screen'
    });
  }

  render() {
    return (
      <ScrollView style={styles.container}>
        <Swiper
          style={styles.wrapper}
          showsButtons={false}
          removeClippedSubviews={true}
          automaticallyAdjustContentInsets={true}
        >
          <TouchableWithoutFeedback
            onPress={this._onPressButton.bind(this)}>
            <View style={styles.slide1}>
              <Text style={styles.text}>Hello Swiper11111</Text>
            </View>
          </TouchableWithoutFeedback>
          <View style={styles.slide1}>
            <Text style={styles.text}>Hello Swiper22222</Text>
          </View>
        </Swiper>
      </ScrollView>
    );
  }

Does anyone know what's going on?

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the navigation flow shown in first.js and reproduce it on Android 6.1 using react-native-swiper v1.5.11 and React Native 0.48.1. Check the Swiper after pushing the sub-page and returning, focusing on autoplay and manual movement. Done means the Swiper continues to autoplay and remains smooth after returning from the sub-page.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.