Description
Please provide all the information requested. Issues that do not follow this format are likely to stall.
Description
Please provide a clear and concise description of what the bug is. Include screenshots if needed.
Please test using the latest React Native release to make sure your issue has not already been fixed: https://reactnative.dev/docs/upgrading.html
React Native version:
Run react-native info in your terminal and copy the results here.
react-native-cli: 2.0.1
react-native: 0.62.2
Steps To Reproduce
Provide a detailed list of steps that reproduce the issue.
- Rendering FlatList never success. Always get issue.
- Previous version project on RN 0.61.5 never face this issue.
Expected Results
Describe what you expected to happen.
I want to render a flatlist data from RESTful response data. As soon it get to the screen, the emulator show error.
My render code are like below (minimal version):
renderListItem = ({ item }) => {
return (
<Card>
<TouchableOpacity activeOpacity={0.9} onPress={this._onPressGoToPromotionDetails.bind(this, item)}>
<CardItem>
<Left style={{ flex: 0.15 }}>
<Image source={{ uri: item.PromoImgUri }}
style={{ width: 150, height: 150 }}
/>
</Left>
<Body style={{ flex: 0.6 }}>
<Text numberOfLines={1} style={{ fontWeight: 'bold' }}>{item.PromoName}</Text>
<Text numberOfLines={5}>{item.PromoDesc}</Text>
</Body>
<Right style={{ flex: 0.2 }}>
<View>
<Text>Start: {item.PromoStartDate}</Text>
<Text>End: {item.PromoEndDate}</Text>
</View>
</Right>
</CardItem>
</TouchableOpacity>
</Card>
)
}
render() {
return (
<Container>
<Content padder>
<FlatList
extraData={this.state}
onRefresh={this.flatLoading}
onEndReached={this._onEndReached}
onEndReachedThreshold={0.8}
onMomentumScrollBegin={() => { this._onEndReachedCalledDuringMomentum = false; }}
data={this.state.flatData}
keyExtractor={(item) => item.PromoID}
renderItem={this.renderListItem}
refreshing={this.state.refreshing}
refreshControl={
<RefreshControl
refreshing={this.state.flatLoading}
onRefresh={this._onRetrieveData.bind(this)}
/>
}
/>
</Content>
</Container >
);
}
I use the same script as my previous project. If I remove the flatlist rendering, the screen is ok; but with empty view for sure. Why is it happen?
Extra, even I put a component without any params lead to error:-
<Content padder>
<FlatList/>
</Content>