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

Question

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

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>
    );
  }
}

标签： react-nativeavatar

Answer 1

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

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

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