如何使用 react-native-elements 在 ListItem 的 leftAvatar 中设置本地目录图像？

Question

我正在尝试将我的本地目录图像添加到 leftAvatar 中，但无法实现，而且没有这样的文档提示来做 so.Any 帮助将不胜感激。这是我的渲染方法-

render() {
    return (
      <View>
        <FlatList
          data={this.state.data}
          renderItem={({ item }) => (
            <ListItem
              leftAvatar={{
                source: { uri: "../assets/images/classboard.png" },
                showEditButton: false
              }}
              title={`${item.className} ${item.section}`}
              subtitle={item.countStudents.toString()}
              containerStyle={{ borderBottomWidth: 1 }}
            />
          )}
          keyExtractor={item => item.classId.toString()}
          // ItemSeparatorComponent={this.renderSeparator}
          // ListHeaderComponent={this.renderHeader}
          // ListFooterComponent={this.renderFooter}
          // onRefresh={this.handleRefresh}
          // refreshing={this.state.refreshing}
          // onEndReached={this.handleLoadMore}
          // onEndReachedThreshold={50}
        />
      </View>
    );
  }
}

Answer 1

如果您想使用本地资源，您可以这样做：

source: require("../assets/images/classboard.png"),

告诉我这是否是您要找的。

Answer 2

对于本地图像在反应本机头像中使用这个

<Avatar.Image source={require("../images/a.jpg")} size={50} />

如何使用 react-native-elements 在 ListItem 的 leftAvatar 中设置本地目录图像？

How do i set local directory image in leftAvatar of ListItem using react-native-elements?

avatar

react-native