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

戴夫·艾尔

我正在尝试使用AirBnb 地图(使用MapView.Markers呈现一个按钮,我可以使用该按钮重定向到描述页面中的另一个页面(如果选择标记,则为弹出框)。我不确定如何实现这一目标。

目前我的标记如下所示:

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"
}
];

每当我尝试将 JSX 输入到文本中时,都会出现NSMutableDictionary cannot be converted to NSString错误。(当我这样做时:

const markers = [{
  longitude: 8.545592,
  latitude: 47.366465,
  description: <Text>Bike1</Text>, //"Bike 1", //<Text> Bike1 </Text>
  title: "Bike 1"
},
{
  longitude: 8.545892,
  latitude: 47.366365,
  description: "Bike 2",
  title: "Bike 2"
}
];
Michael Cheng

对于不仅仅是文本,您应该做的是定义自定义Callout而不是使用descriptionprop。例如:

<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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

React Native Map (Airbnb) + Markers 动画

来自分类Dev

使用React和Webpack设置Airbnb ESLint

来自分类Dev

Intellij插件:带React的AirBnB ESLint

来自分类Dev

Airbnb react-dates返回null

来自分类Dev

Airbnb(iOS)如何实现菜单效果

来自分类Dev

如何按下关闭按钮以关闭Airbnb上的反应日期的压延机?

来自分类Dev

使用不带React插件的eslint-config-airbnb

来自分类Dev

鼠标悬停在div项上时如何在地图中显示标记位置-如AirBnb

来自分类Dev

Airbnb视频头

来自分类Dev

如何在React Native中安装React Native Maps?

来自分类Dev

Bootstrap 5 Airbnb克隆:搜索栏为按钮

来自分类Dev

如何使用Airbnb Caravel时间过滤器

来自分类Dev

ESlint Airbnb Config投诉报价

来自分类Dev

Airbnb 等网站如何在未经我同意的情况下知道我的位置?

来自分类Dev

如何在 React Native 中呈现单选按钮的值?

来自分类Dev

如何在React Native Android中实现Google Map(React-Native-Maps)

来自分类Dev

类似airbnb的角度日历功能

来自分类Dev

像airbnb网站上的图标一样制作一个透明的播放按钮图标

来自分类Dev

[React Native]如何在RN Android中实现弹出对话框?

来自分类Dev

如何在 react-native 中呈现 JSON 对象

来自分类Dev

Android-创建类似Airbnb的水平图像滑块

来自分类Dev

使用Airbnb规则的带有胖箭头的ESLint在课堂上

来自分类Dev

找不到相对于目录的预设“ airbnb”

来自分类Dev

在NASA的“黑色大理石”地标上绘制Airbnb数据

来自分类Dev

是否可以通过airbnb /酶进行反应虚拟化?

来自分类Dev

Python:网页搜罗-Airbnb获取清单的纬度和经度值

来自分类Dev

在选定的日期添加raduis作为反应日期(airBnB)

来自分类Dev

AirBnb iPad应用程序-UITableView在图像上吗?

来自分类Dev

Facebook / AirBnb应用程序设计的效果叫什么?

Related 相关文章

  1. 1

    React Native Map (Airbnb) + Markers 动画

  2. 2

    使用React和Webpack设置Airbnb ESLint

  3. 3

    Intellij插件:带React的AirBnB ESLint

  4. 4

    Airbnb react-dates返回null

  5. 5

    Airbnb(iOS)如何实现菜单效果

  6. 6

    如何按下关闭按钮以关闭Airbnb上的反应日期的压延机?

  7. 7

    使用不带React插件的eslint-config-airbnb

  8. 8

    鼠标悬停在div项上时如何在地图中显示标记位置-如AirBnb

  9. 9

    Airbnb视频头

  10. 10

    如何在React Native中安装React Native Maps?

  11. 11

    Bootstrap 5 Airbnb克隆:搜索栏为按钮

  12. 12

    如何使用Airbnb Caravel时间过滤器

  13. 13

    ESlint Airbnb Config投诉报价

  14. 14

    Airbnb 等网站如何在未经我同意的情况下知道我的位置?

  15. 15

    如何在 React Native 中呈现单选按钮的值?

  16. 16

    如何在React Native Android中实现Google Map(React-Native-Maps)

  17. 17

    类似airbnb的角度日历功能

  18. 18

    像airbnb网站上的图标一样制作一个透明的播放按钮图标

  19. 19

    [React Native]如何在RN Android中实现弹出对话框?

  20. 20

    如何在 react-native 中呈现 JSON 对象

  21. 21

    Android-创建类似Airbnb的水平图像滑块

  22. 22

    使用Airbnb规则的带有胖箭头的ESLint在课堂上

  23. 23

    找不到相对于目录的预设“ airbnb”

  24. 24

    在NASA的“黑色大理石”地标上绘制Airbnb数据

  25. 25

    是否可以通过airbnb /酶进行反应虚拟化?

  26. 26

    Python:网页搜罗-Airbnb获取清单的纬度和经度值

  27. 27

    在选定的日期添加raduis作为反应日期(airBnB)

  28. 28

    AirBnb iPad应用程序-UITableView在图像上吗?

  29. 29

    Facebook / AirBnb应用程序设计的效果叫什么?

热门标签

归档