如何缩小 React-Native 地图
Posted
技术标签:
【中文标题】如何缩小 React-Native 地图【英文标题】:How to zoom out React-Native map 【发布时间】:2015-09-03 15:13:20 【问题描述】:嗨,我刚开始使用 react-native。如何限制在反应原生地图上缩小和过度?我可以设置一个变量来限制缩放吗?
【问题讨论】:
【参考方案1】:您必须在 <MapView />
中的道具 region
中更改 latitudeDelta
和 longitudeDelta
中的值
【讨论】:
【参考方案2】:如果您使用的是 react-native-map,那么您有名为 minZoomLevel
和 maxZoomLevel
的道具
您可以添加这些道具并给出0
到20
之间的数字。根据文档,最小值的默认值为0
,最大值的默认值为20
。
你可以像下面这样使用
<MapView
minZoomLevel=5
maxZoomLevel=10
>
</MapView>
参考:https://github.com/react-native-community/react-native-maps/blob/master/docs/mapview.md
【讨论】:
【参考方案3】:是的,您可以使用“maxDelta”和“minDelta”来实现。
【讨论】:
您也许可以添加更多信息,例如示例,以使您的答案更有用。 minDelta 和 maxDelta 尚未实现,即使它们已经在代码中但不在文档中。 github.com/airbnb/react-native-maps/blob/master/lib/components/…以上是关于如何缩小 React-Native 地图的主要内容,如果未能解决你的问题,请参考以下文章
删除行时如何使多行TextInput缩小(React-Native)?
如何为模拟器构建 react-native 缩小的“产品”应用程序?
React-Native:如何在 Airbnb 地图上渲染来自 firebase 的标记列表?