通过Airbnb在airbnb/react-native-maps上创建

时间:2021-12-26 04:06:24

通过Airbnb在airbnb/react-native-maps上创建

简要:本系列文章讲会对expo进行全面的介绍,本人从2017年6月份接触expo以来,对expo的研究断断续续,一路走来将近10个月,空话不久不多说,接下来你看到内容,讲全部来与官网

我猜去全部机翻+小我私家改削增补+demo测试的形式,对expo进行一次大补血!欢迎插手expo兴趣学习交流群:597732981

【之前我写过一些列关于expo和rn入门配置的东i西,大家可以点击这里检察:从零学习rn开发】

相关文章:

Expo高文战(一)--什么是expo,如何安置expo clinet和xde,xde如何使用

Expo高文战(二)--expo的生命周期,expo社区交流方法,expo学习必备资源,开发使用expo时存眷的一些问题

Expo高文战(三)--针对已经开发过react native项目开发人员有针对性的介绍了expo,expo的局限性,开发时项目选型注意点等

Expo高文战(四)--快速用expo构建一个app,expo中的关键术语

Expo高文战(五)--expo中app.json 文件的配置信息

Expo高文战(六)--expo开发模式,expo中exp命令行工具,expo中如何检察日志log,expo中的调试方法

Expo高文战(七)--expo如何使用Genymotion模拟器

Expo高文战(八)--expo中的publish以及expo中的link,对link这块对象没有详细看,大家可以来和我交流

更多>>

写在二十三章以后的话,之前的翻译,不管如何,好与欠好,毕竟是告一段落,也把expo根本理论的对象又深入的理解了一遍,后续expo高文战系列将主要介绍expo sdk的api。

MapView

在iOS上使用Apple舆图或Google舆图,在Android上使用Google舆图的舆图组件。 通过Airbnb在airbnb/react-native-maps上创建。 在expo应用措施内或在iOS独立应用措施内使用时无需设置。 请参阅下文,了解如何将配置配置为Android上的独立应用。

import React from react; import { MapView } from expo; export default class App extends React.Component { render() { return ( <MapView style={{ flex: 1 }} initialRegion={{ latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421, }} /> ); } }

通过Airbnb在airbnb/react-native-maps上创建

Expo.MapView

检察详细文档在 airbnb/react-native-maps.

在Android上部署到独立应用措施(Deploying to a standalone app on Android)

如果您已将Google登录集成到独立应用措施中,这非常简单。否则,还有一些特别的法式。

如果您已经配置了Google登录

打开浏览器到Google API Manager。

选择您的项目并启用Google Maps Android API

在app.json中,将API密钥从android.config.googleSignIn复制到android.config.googleMaps.apiKey。

重建您的独立应用措施。

如果您尚未配置Google登录

成立你的应用措施,记下你的Android软件包名称(例如:ca.brentvatne.growlerprowler)

打开浏览器到Google API Manager并创建一个项目。

创建完成后,转到该项目并启用Google Maps Android API

返回https://console.developers.google.com/apis/credentials并点击创建凭证,然后点击API密钥。

在弹出的模式中,单击RESTRICT KEY。

在密钥限制下选择Android应用措施单选按钮。

点击+添加包名称和指纹按钮。(Click the + Add package name and fingerprint button.)

将你的android.package从app.json(例如:ca.brentvatne.growlerprowler)添加到Package name字段。

运行keytool -list -printcert -jarfile growler.apk | grep SHA1 | awk‘{print $ 2}‘此中,growler.apk是您在法式1中创建的apk的路径。(Run keytool -list -printcert -jarfile growler.apk | grep SHA1 | awk ‘{ print $2 }‘ where growler.apk is the path to the apk you built in step 1.)

取出法式9的输出并将其插入“SHA-1证书指纹”字段中。

将API密钥(页面上的第一个文本输入)复制到android.config.googleMaps.apiKey字段下的app.json中。看一个例子差异。

按生存键,然后像法式1一样从头构建应用措施。

在iOS上部署到独立应用措施(Deploying to a standalone app on iOS)

无需特殊配置。

expo中的mapview依然不适合国情,因为 他用上google的处事,expo中通常用Google处事的在国内都是shit!

MailComposer

使用操纵系统特定的用户界面编写邮件的API。

通过Airbnb在airbnb/react-native-maps上创建

Expo.MailComposer.composeAsync(options)

打开iOS的邮件模式和Android的邮件应用措施,并使用供给的数据填充字段。

参数

saveOptions(object) - 界说数据以填充邮件的舆图:

recipients (array) - 收件人的电子邮件地点数组。

ccRecipients (array ) - CC收件人的电子邮件地点数组。

bccRecipients (array)  - BCC收件人的电子邮件地点数组。

subject (string) - 邮件的主题。

body (string) - 邮件的正文。

isHtml (boolean)  - 主体是否包罗HTML符号,以便可以正确格局化。 在Android上无法完美运行。

attachments (array)  - 一个应用措施的内部文件uris阵列附加。

返回