react-native-maps 相关问题

React Native Maps是Airbnb开发的一组组件，用于在Android和iOS上使用React Native框架渲染地图组件。基础开发人员指南和示例项目可在以下网址获得：https：//github.com/airbnb/react-native-maps

使用获取的坐标导航有效负载进行导航时，Android 上的世博会位置崩溃

我正在使用世博会位置，我想在获取坐标对象后导航到地图[视图页面。我的目标是，当我按下按钮时，系统会提示我到我所在的位置，并缩放至

react-native expo react-native-maps

回答 1 投票 0

无法使用 Metro 捆绑程序解决“../Utilities/Platform”错误

我使用 React Native 与 Expo、Expo Router 和 Metro 来构建地图应用程序。我使用了react-native-maps包。 React-native-maps 不适用于网络（https://docs.expo.dev/versions/late...

react-native expo react-native-maps metro-bundler

回答 1 投票 0

React Native 错误 - VirtualizedList 永远不应该嵌套在普通 ScrollView 中

我正在开发一个react-native应用程序，我必须将GooglePlacesAutocomplete放在Scrollview中。这是以下代码。我正在开发一个反应原生应用程序，我必须将 GooglePlacesAutocomplete 放入滚动视图中。这是以下代码。 <ScrollView style={{flex: 1}> <GooglePlacesAutocomplete minLength={2} nearbyPlacesAPI={'GooglePlacesSearch'} debounce={400} placeholder="Origin Address" query={{ key: GOOGLE_MAPS_API_KEY, language: 'en', }} onFail={error => console.log(error)} enablePoweredByContainer={false} onPress={(data, details = null) => { console.log(details.geometry.location); }} fetchDetails={true} returnkeyType={'search'} /> </ScrollView> Errors：VirtualizedList 永远不应该嵌套在具有相同方向的普通 ScrollView 中，因为它可能会破坏窗口和其他功能 - 请改用另一个 VirtualizedList 支持的容器。当您在 ScrollView 中添加垂直 flatList 时出现此错误，因此请尝试以下之一：将平面列表更改为水平列表禁用平面列表滚动（来自docsdisableScroll={false}）。在 ScrollView 之外使用平面列表，就像在模态中一样。根据react-native-google-places-autocomplete 文档有一节说：在 or 内部使用如果您需要将此组件包含在 ScrollView 或 FlatList 中，请记住将 KeyboardShouldPersistTaps 属性应用于所有祖先 ScrollView 或 FlatList（请参阅 this 问题评论）。 <ScrollView style={{flex: 1} nestedScrollEnabled={true} // <---- 1. > <GooglePlacesAutocomplete minLength={2} nearbyPlacesAPI={'GooglePlacesSearch'} debounce={400} placeholder="Origin Address" query={{ key: GOOGLE_MAPS_API_KEY, language: 'en', }} onFail={error => console.log(error)} enablePoweredByContainer={false} onPress={(data, details = null) => { console.log(details.geometry.location); }} fetchDetails={true} returnkeyType={'search'} disableScroll={true} // <--- 2. this works /> 这是一件困难的事。我可以通过添加 horizontal 和 keyboardShouldPersistTaps 道具来解决这个问题。这可能会导致问题，由于设置的样式，地址列表不会显示。您可能需要使用 <Scrollview/> 添加一些样式到 contentContainerStyle. 这个伪代码对我有用。 <ScrollView horizontal={true} contentContainerStyle={{ flexDirection: 'column', justifyContent: 'space-around', width: '100%', }} keyboardShouldPersistTaps={'handled'}> <GooglePlacesAutocomplete disableScroll={false} /> </ScrollView> <ScrollView horizontal={true} showsHorizontalScrollIndicator={false} > <FlatList horizontal={true} showsHorizontalScrollIndicator={false} **scrollEnabled={false}** // ..... /> </ScrollView> 这对我有用。在平面列表上将scrollEnabled设置为 false 删除了警告

react-native react-native-maps react-google-places-autocomplete

回答 4 投票 0

在react-native中，使用react-native-maps，如何以编程方式结束标记拖动？

我的应用程序显示一个带有多边形边界和中间有一个标记的地图。标记是可拖动的。当应用程序检测到标记已被拖动到边界之一时，我想...

javascript react-native react-native-maps

回答 1 投票 0

如何在React Native中创建完整的世界地图？

我想创建一个完整的世界地图，我可以根据提供的数据绘制一些点。我已经尝试了许多 React Native 库，但我没有从中得到任何解决方案。这是一张...

reactjs react-native maps react-native-maps world-map

回答 3 投票 0

如何从 Firestore 高效读取数据

我在 firestore 上给了 20,000 个对象，都在一个集合中，但每个对象都是一个文档（我想他们称之为地图）。对象不大，每个可能有 200-400 个字符对象 h...