为什么ListItem内容没有显示任何内容

Question

​

​

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>

我的Not原生版本是0.64.2，Not本机元素版本3.4.2为什么ListItem中的内容没有显示任何内容？

Answer 1

  <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>