Question

我具有以下功能，并且从服务器API获取item.id字符串值。

 renderItemList() {
return this.state.dataSource.map( item =>
    <TouchableOpacity key={item.id} style={[styles.imgbtn]}
                      onPress={() => {
                        Alert.alert("you voted for: " + item.id);
                      }}>
      <View style={styles.View}>
          <Image
              source={require('../ex1/images/flowers.png')}
          />

          <Text style={[styles.text]}>{String(item.id)}</Text>

      </View>
    </TouchableOpacity>
)}

我要代替wr来做的是像/ex1/images/item.id.png这样链接图片名称，以便为每个键显示不同的图片。 ID。

我想知道在本机反应中怎么做。

谢谢。

Answer 1

React-native不支持动态需求，但是有一些方法可以实现微笑行为。我附上这个例子供参考。 https://snack.expo.io/rysnt5iUV

Answer 2

更新：目前似乎还不可能，此时在React中根本无法在运行时动态导入。

这里讨论了动态导入，有人提到Webpack支持它：

https://github.com/facebook/react-native/issues/6391#issuecomment-383108403

或者，您可以使用eval

var path = '/path/' eval(const value=require('${path}')

这可能是一个不错的选择。

在react-native中按item.id更改图片名称

2 个答案: