web-dev-qa-db-ja.com

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

この迷惑な問題を解決するために助けてください。

javascriptreactjsreact-nativereact-native-androidreact-native-ios
12
NewTech Lover

このようなスタイルを追加

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

contentContainerStyleプロパティの代わりにstyleプロパティを使用します。

contentContainerStyle={styles.wrapper}
0
Sunny Sultan