React-native Airbnb-Maps:如何在airbnb地图弹出框中渲染按钮?

时间:2017-06-10 15:57:49

标签: react-native maps react-native-android react-native-ios airbnb

我正在尝试使用 AirBnb地图(使用{{}渲染一个按钮,我可以使用该按钮重定向到描述页面中的另一个页面(如果选择标记,则为弹出框) 1}})。我不知道如何实现这一点。

目前我的标记如下:

MapView.Markers

每当我尝试将JSX输入到文本中时,都会出现const markers = [{ longitude: 8.545592, latitude: 47.366465, description: "Bike 1", title: "Bike 1" }, { longitude: 8.545892, latitude: 47.366365, description: "Bike 2", title: "Bike 2" } ]; 错误。 (当我这样做时:

NSMutableDictionary cannot be converted to NSString

1 个答案:

答案 0 :(得分:5)

除了文字之外,您应该做的是定义自定义Callout,而不是使用description道具。例如:

<MapView.Marker
  coordinate={{longitude: marker.longitude, latitude: marker.latitude}}
  title={marker.title}
>
  <MapView.Callout>
    <View style={styles.callout}>
      <Button title='Click Me!' onPress={() => console.log('Clicked')} />
    </View>
  </MapView.Callout>
</MapView.Marker>