React Native列表未填充值

Question

我目前正在建立一个反应原生的列表，但不幸的是它没有填充任何值。有4个列表元素与数组中的数字一致。但是这些项目在界面中只是空的。

＆＃13;

＆＃13;

This app isn't verified

＆＃13;

＆＃13;

＆＃13;

Answer 1

我猜是因为map函数没有返回任何内容。映射确实映射了4个项目，因此对于listView项目，但不返回任何内容。在map函数中，尝试将你的内部返回（/ ListItem here /），就像这样。

{
            this.state.friends.map((l, i) => (
              return(<ListItem
                roundAvatar
                avatar={{uri: l.avatar_url}}
                key={i}
                onPress={() => {this.clickedFriend(l)}}
                title={l.name}
                rightIcon={<Icon style={{alignSelf: 'center'}} size={25} name={l.selected ? "check-circle-o" : "times-circle-o"}/>}
              />)
            ))
          }