Как мне установить изображение локального каталога в leftAvatar ListItem с использованием response-native-elements?

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

Answer 1

Если вы хотите использовать свой локальный ресурс, вы можете сделать это:

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

Скажите, если это то, что вы ищете.