0
リアクションネイティブは最初のページのみを正しくロードします。項目は配列から来ています。配列をワークで塗りつぶしますが、カスタムコンポーネントから読み込むのではありません。この問題は、別のカスタムコンポーネントがレンダリングされた場合にのみ発生します。スワイパーは最初のページのみをロードします
//Main page render
render() {
return (
<ContainerView disableBackgroundButton={true} onLayout={this._onLayoutDidChange}>
<Image
source={require('../../img/barbershop_request.png')}
style={styles.backgroundImage}>
<View style={styles.overlay}></View>
</Image>
<ScrollView
ref="scrollView"
showsVerticalScrollIndicator={false}>
<Swiper
loop={false}
showsPagination={false}
height={Global.constants.HEIGHT * 1.34}>
{this.createBarberItems()}
</Swiper>
</ScrollView>
</ContainerView>
)
}
createBarberItems() {
...
for (index in barbers) {
...
let barberItem = <BarberItemView />
barberItems.push(barberItem)
}
// this works fine
// let testItems = [];
// testItems.push(<Text> here1</Text>)
// testItems.push(<Text>here2</Text>)
//return testItems;
return barberItems;
}
//BarberItemView Render
render() {
return (
<Text>Barber Item View</Text>
)
}
これが行いました私の問題を修正しないでください。私はこれをhttps://stackoverflow.com/questions/45318192/swiper-not-displaying-the-right-amount-of-pagesに絞り込んだ – BiggerD