Я хочу, чтобы пользовательская кнопка пропуска на моем экране выхода на посадку переместилась на главный экран. - PullRequest
Новая
       55

Я хочу, чтобы пользовательская кнопка пропуска на моем экране выхода на посадку переместилась на главный экран.

0 голосов
/ 17 октября 2019

React-native-swiper не имеет пропускаемого пропа, поэтому я сталкиваюсь с трудностями при наличии кнопки пропуска в правом верхнем углу, которая будет переходить к последнему на экране посадки, который будет переходить к главному экрану приложения

Я пытался поместить все слайд-страницы в массив и перевернуть их по нажатию кнопки Пропустить, но это не работает так, как я хочу 

export default class SwipperComponent extends Component {
  state = {
    fadeValue: new Animated.Value(0),
    Yvalue: new Animated.Value(300),
    springValue: new Animated.Value(0),
  };
  render() {
 <Swiper
        style={styles.wrapper}
        index={this.state.swiperIndex}
        dot={
          <View
            style={{
              backgroundColor: 'rgba(0,0,0,.2)',
              width: 8,
              height: 8,
              borderRadius: 4,
              marginLeft: 3,
              marginRight: 3,
              marginTop: 3,
              marginBottom: 3,
            }}
          />
        }
        onTouchStart={() => (
          <View style={{height:100,width:50, backgroundColor:'red'}}>
             <Animated.Text 
             style={[styles.text,{opacity,transform}]}>
               TEST APP
               </Animated.Text>

          </View>
        )}
        loop={false}>
          {/* Slide 1 */}
        <View style={styles.MainView}>  
          <View style={styles.skipView}>
            <TouchableOpacity onPress={() => this.setState({swiperIndex: 3})}>
              <Text
                style={{
                  fontSize: 18,
                  color: '#8d9091',
                  marginLeft: 220,
                  marginBottom: 150,
                }}>
                Skip
              </Text>
            </TouchableOpacity>
          </View>

          <View >
            <Animated.Image
              source={require('../assets/applogo.png')}
              style={[
                styles.ImageStyle,
                {transform: [{scale: this.state.springValue}]},
              ]}
              resizeMode="contain"></Animated.Image>
            <Animated.View>
              <Animated.Text style={[styles.text,{opacity,transform}]}>TEST APP</Animated.Text>
              <Animated.Text style={{fontWeight:'bold',
              fontSize:18,textAlign:'center',
              color:'#b3b3b3',opacity,transform

              }}>PERSONALIZED BRAIN TRAINING</Animated.Text>
            </Animated.View>
          </View>
        </View>
         {/* Slide 2 */}
         <View style={styles.MainView}>  
          <View style={styles.skipView}>
            <TouchableOpacity onPress={() => }>
              <Text
                style={{
                  fontSize: 18,
                  color: '#8d9091',
                  marginLeft: 220,
                  marginBottom: 150,
                }}>
                Skip
              </Text>
            </TouchableOpacity>
          </View>
          </Swipe>
...