ScrollViewの子レイアウトはcontentContainerStyleプロップを使用して適用する必要があります

Question

私は反応ネイティブスワイパーを使用しています。このエラーはなぜ私には分かりませんでした。どのように解決することができますか？過去にこのような問題はありませんでした。初めてのことです。なにが問題ですか？ここで

は完全な誤りのイメージは次のとおりです。

<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 

この迷惑なトラブルを解決するために助けてください。

Answer 1

この

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

のようなスタイルを追加します。