[FlatList] FlatList rows are rendered,but it's white.

<ScrollView
                    refreshControl={
                                <RefreshControl
                                    refreshing={this.state.isRefreshing}
                                    onRefresh={this._onRefresh.bind(this)}
                                     tintColor="#192c4d"
                                     title="  refresh......."
                                     titleColor={'red'}
                                 />}
                    onScroll={this._onScroll.bind(this)}
                    style={{ flex: 1, backgroundColor:'white',marginTop:-20}}>
                    {this.renderHeader()}
                    <View style={{ flex: 1}}>
                        < FlatList
                            key={(this.state.horizontal ? 'h' : 'v')}
                            ref={this.listRef.bind(this)}
                            style={{ flex: 1,  backgroundColor: 'white' }}
                            renderItem={this.renderItem.bind(this)}
                            itemHeight={PIC_ITEM_HEIGHT}
                            renderHeader={this.state.awardHeader&&this.state.awardHeader.isReceive==0?this.renderListHeader.bind(this):undefined}
                            numberOfRow={(this.state.horizontal ? 3 : 1)}
                    }
                            onRefresh={this.onRefresh.bind(this)}
                            onEndReached={this.onInfinite.bind(this)}
                            initialNumToRender={12}
                            removeClippedSubviews={false}
                        >
                        </FlatList>
                    </View>
                </ScrollView>

[JaxGit]

@RyanRong @gonzalezchris I ran into the same issue on Android and finally found the solution for it:

Do NOT apply style (especially with backgroundColor) to FlatList itself, apply to its wrapper instead.

If you try to apply a red backgroundColor to FlatList, after pull-to-refresh you can actually see a big red screen without any content displaying, while all the invisible contents are actually underneath and accepting tap etc.

So it might be because of a bug about zIndex after pull-to-refresh, which is working well on iOS.

BTW, it seems that styles like padding are not working so well on Android if directly applied to FlatList as well.

[ddxxtony]

the solution of @JaxGit works