Question

我有一系列ListItems，我就是这样生成的：

        <ScrollView>
            {
                this.state.results.map((item, i) => (
                    <ListItem key={i}
                              leftAvatar={{ source: {uri: item.image} }}
                              subtitle={
                                  <Text>{ this.createInfo(item) }</Text>
                              }
                              title={ item.key }
                              onPress={() => navigate('Route', { key: item.key, location: this.state.location })}
                    />
                ))
            }
        </ScrollView>

副标题和标题呈现得很好，但出于某种原因，无论我做什么，我都无法让头像道具显示出来。我尝试过同时使用avatar和leftAvatar道具，都没有工作。我也试过将源头uri用于图像，网址的硬件编码，这也不起作用，所以我知道这不是由于item.image格式错误造成的。我所看到的只是我标题左侧的一个小缩进，表明化身应该在那里。

Answer 1

阅读了以下讨论后，这对我有用：[https://github.com/react-native-training/react-native-elements/issues/444

代替使用leftAvatar尝试：

avatar={<Image source={require('../images/icon-settings.png')}/>}]

ListItem头像不会渲染

1 个答案: