FlatList isn't rendering data. #13955
Description
Description
Expected to render data and it did not render data
Reproduction Steps and Sample Code
var items = this.state.results;
...
<FlatList initialListSize={10} scrollRenderAheadDistance={50} keyExtractor={item => item.id} pageSize={5} data={items} renderItem={(data) =>
<TouchableOpacity style={{ overflow: 'hidden', marginBottom: 2, borderBottomWidth: 1, borderBottomColor: "black" }}>
<ListItem style={{}} avatar button onPress={() => self.props.setCurrentUser(data)} style={{ overflow: 'hidden' }}>
<Left style={{ overflow: 'hidden' }}>
{(data.path) ? ((data.path && data.path.includes("amazonaws")) ? (<Thumbnail source={{ uri: data.path }} />) : (<Thumbnail source={{ uri: "http://www.typsurat.com/uploads/member/" + data.path }} />)) : (<Thumbnail source={require('@assets/placeholderAppuser.jpg')} />)}
</Left>
<Body style={{ "paddingBottom": 16, overflow: 'hidden', "paddingTop": 16 }}>
{(data.fname && data.lastName.surname) ? (<Text style={{ fontWeight: 'bold', color: "black" }}>{data.fname} {data.mname} {data.lastName.surname}</Text>) : null}
{(data.membershipNo) ? (<Text note>Membership No.: {data.membershipNo}</Text>) : null}
{/*{(data.originVillage.name) ? (<Text note>Village: {data.originVillage.name}</Text>) : null}*/}
{(data.rMobile1) ? (<Text note>Contact: +91{data.rMobile1}</Text>) : null}
</Body>
<Right style={{ overflow: 'hidden' }}>
<Icon name='phone' onPress={() => { Communications.phonecall("+91" + data.rMobile1, true); }} style={{ color: '#db342e', fontSize: 26, width: 30 }} />
<Text> </Text>
<Icon name='commenting' onPress={() => { Communications.text("+91" + data.rMobile1); }} style={{ color: '#db342e', fontSize: 26, width: 30 }} />
</Right>
</ListItem>
</TouchableOpacity>} />
Additional Information
- React Native version: 0.44.0
- Platform: Android
- Development Operating System: Windows
- Dev tools: Android 6.0.1 Marshmallow