react-native-map 标记图像源来自一个状态答案

【问题标题】：react-native-map marker images source from a statereact-native-map 标记图像源来自一个状态
【发布时间】：2018-10-12 08:54:11
【问题描述】：

我有这样的状态：

this.state = {
        width :  Dimensions.get('window').width,
        height :  Dimensions.get('window').height,
        initialPosition:  {
          latitiude: 48.866667,
          longitude: 2.333333,
          latitudeDelta:LATITUDE_DELTA,
          longitudeDelta: LONGITUDE_DELTA
        },
        markerIcons: {},
        markers: [],
    };

在 markerIcon 我有不同的 .png 像这样：

一个 din 标记我有另一个对象，其中显示不同的信息和交易者类别：

我在渲染中这样定义我的标记：

  {Object.keys(this.state.markers).map((marker, key) => (
          <Marker
              key={key}
              coordinate={this.state.markers[marker].coordinate}
              title={this.state.markers[marker].title}
              description={this.state.markers[marker].address}
              image={......}
          />
        ))}   
          </MapView>
        </View>

我希望我的图片来源与我的交易者的类别相匹配。
两个对象的名称相同，但我如何在我的标记中做到这一点？如何设置我的标记的图像源？？

感谢您的帮助；）

【问题讨论】：

没听懂，你能解释一下吗？
当然 ,;) 我想将我的状态 "Markers.category" 中的类别与我状态 "MarkerIcon.icon" 中的图像匹配b> 并用照片的右侧图标填充我的图像源
所以根据我的理解，如果你有像“barcofee”这样的名称，那么你的图像名称应该是“barcofee.png”，对吧？
是的，正确的，.png 在第二个对象中
你可以这样尝试吗其中iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAE 是 base64 以字符串形式存储在您的数组中。

标签： javascript android ios react-native react-native-maps

【解决方案1】：

您可以通过这种方式使用自定义图标

【讨论】：

请尝试提供更多相关的代码，这可能会有所帮助？

【解决方案2】：

你可以像这样访问marker icon的对象

假设您的标记图标对象存储在MarkerIcon

this.state.markerIcons[this.state.markers[marker].category]

这将为您提供相同的对象{icon: '', label: ''}

【讨论】：

是的，但它们不在同一个对象中，我的状态有两个差异部分
MarkerIcon 与 this.state.markers 相比是不同的对象，请将 MarkerIcon 替换为您拥有的任何对象，您将获得结果，或者您可以更新代表状态的问题
我编辑了我的帖子 ;) 我可以在 markerIcon 中访问我的图标，但是如何通过链接我的状态的两个部分来设置源图像？（在我的渲染中）
试试上面的方法，得到你可以做的图标this.state. markerIcons[this.state.markers[marker].category].icons类似于object