Search code examples
react-nativereact-native-elements

Why ListItem content not showing anything

enter image description here

import {Avatar, ListItem} from 'react-native-elements';

 <View style={{flex: 3}}>
      <ListItem
        key="live-jobs"
        title="Live Jobs"
        textStyle={{color: 'orange'}}
        leftIcon={
          <Icon name="access-point" size={25} style={{color: '#4BC6FF'}} />
        }
        onPress={() =>
          this.checkPermissions(LIVE_JOB_END_POINT, 'liveJobs')
        }
      />
      <Text>Hiiii</Text>
      <ListItem
        key="notifications"
        title="Notifications"
        leftIcon={
          <Icon name="bell-ring" size={25} style={{color: '#4BC6FF'}} />
        }
        onPress={() => Actions.userManagement()}
      />
</View>

My React-native version is 0.64.2 ,React native elements version 3.4.2 Why does the content inside the ListItem Not display anything?

Solution 
  •   <ListItem key="live-jobs" bottomDivider>
    <Avatar source={{uri: l.avatar_url}} />
    <ListItem.Content>
      <ListItem.Title>Live Jobs</ListItem.Title>
      <ListItem.Subtitle>Subtitle</ListItem.Subtitle>
    </ListItem.Content>
  </ListItem>