使用自定义图标对本机映射标记作出反应

Question

我正在尝试向标记添加一个自定义图标，据我测试，当我将icon prop传递给时，它会显示我需要的图像（重点是，我想要一个图标，而不是图像，在这里我需要提供href(uri)）。我正在使用react-native-map-clustering中的Mapview和React-Native-Maps中的Marker。当我在标记中传递 时，它只显示一个标记的图像。期待帮助：）

这是我的记号笔。

 <Marker tracksViewChanges={true} key={index} coordinate={marker.coordinate} type={marker.type} centerOffset={{ x: 0, y: -20 }} >
                <Animated.View style={[styles.markerWrap, opacityStyle]}>
                  <Animated.View style={[styles.ring, scaleStyle]} />
                  <Icon
                  key={index}
                  size={3}
                  reverse
                  reverseColor='black'
                  name='wifi'
                  type='font-awesome'
                  color='#fff'
                  />
                  <View style={styles.marker} />
                </Animated.View>
              </Marker>

它甚至可能得到一个字体伟大的图标在标记正确吗？

Answer 1

<Marker
      key={index}
      coordinate={{ latitude: charger.geolocation.latitude, longitude: charger.geolocation.longitude }}
      onPress={() => this.getMarkerLocation(charger.geolocation.latitude, charger.geolocation.longitude, index, charger)}
    >
    <Icon
        reverse
        size={10}
        name='plug'
        type="font-awesome"
    />
</Marker>