ScrollView układ podrzędny musi zostać zastosowany za pomocą elementu contentContainerStyle prop

Question

Używam reagującego natywnego suwaka. i ten błąd został pokazany, nie wiem dlaczego. Jak można go rozwiązać? W przeszłości nie było takiego problemu. Po raz pierwszy się dzieje. Co jest nie tak?

Oto obraz pełnej błędu:

<Swiper loop={false} 
      index={0} 
      style={styles.wrapper} 
      activeDotColor={'#EEE'}> 

      <View style={styles.slide1}> 
      <Text style={styles.text}>Choose category you like</Text> 
      </View> 
      <View style={styles.slide2}> 
      <Text style={styles.text}>Bookmark articles that you</Text> 
      <Text style={styles.text}>like</Text> 
      </View> 
      <View style={styles.slide3}> 
      <Text style={styles.text}>Get notifications about your</Text> 
      <Text style={styles.text}>chosen topic</Text> 
      <Button style={styles.text} onPress={() => this.props.navigation.navigate("Home")}> 
       <Text style={styles.text}>Main Screen</Text> 
      </Button> 
      </View> 
     </Swiper> 
    ) 
    } else { 
     return <View></View> 
    } 
    } 
} 

const styles = { 
    wrapper: { 
    justifyContent: 'center', 
    alignItems: 'center' 
    }, 
    slide1: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#9DD6EB' 
    }, 
    slide2: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#97CAE5' 
    }, 
    slide3: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#92BBD9' 
    }, 
    text: { 
    alignSelf: 'center', 
    color: '#FFF', 
    fontSize: 26, 
    fontWeight: 'bold' 
    }, 
} 

export default WelcomeScreen 

Proszę pomóc rozwiązać ten irytujący problem.

Answer 1

dodają stylu jak ten

<Swiper loop={false} 
      index={0} 
      contentContainerStyle={styles.wrapper} 
      activeDotColor={'#EEE'}>