ScrollView子佈局必須通過contentContainerStyle道具應用

我正在使用反應本機swiper。並顯示此錯誤，我不知道爲什麼。它如何解決？過去，沒有像這樣的問題。這是第一次發生。哪裏不對？ScrollView子佈局必須通過contentContainerStyle道具應用

這裏是一個充滿錯誤的圖像：

Here is the image of a full error

<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

請幫助解決這個惱人的麻煩。

來源

2017-09-04 NewTech Lover

增添風采這樣

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

來源

2017-09-04 09:20:44

ScrollView子佈局必須通過contentContainerStyle道具應用

回答

相關問題