首页
学习
活动
专区
圈层
工具
发布

​用expo,从0到1 轻松学react native

题图由 小程序 ACELAND 人工智能制作 我们在学习一门语言或新入门一套框架时,往往会被繁琐的配置环境所困扰。...回想我刚接触rn的时候,用的是mac,配置环境,初始化一个rn项目,然后通过xcode打开,然后在模拟器运行,或者在手机真机调试,都经过了不断的调试,发现错误,查找文档,重新安装,调试,真的很烦。...由于最近又要开始react native的开发,所以重新翻了下官方文档,发现rn已经迭代到46版本了,安装最新的版本,还需要额外的第三方编译库,还用上了yarn。...Expo 好处就是: 不用再去配置烦人的 iOS、Android 编译环境 可以用 Windows 开发 iOS 版的 RN 应用。...接下来使用 Expo 扫描这个二维码就可以打开你编写的 RN 应用了。 并且只要在 Expo 中打开过一次,就会在 App 中保留一个入口。 Expo相当于一个壳,你只需关注js层面的开发即可。

4.5K60

利用 Create React Native App 快速创建 React Native 应用

Quick Start是在v0.4.5版本添加的一种快速创建React Native App的方案,旨在为React Native开发者提供一种快捷的,无需配置任何工具,同时也无需安装XCode与AndroidStudio...Create React Native App 是由 Facebook 与 Expo 联合开发的用于快速创建 React Native 应用的工具,Create React Native App 则能够让用户在未安装...Xcode 或者 Android Studio 时,即使是在 Linux 或者 Windows 环境下也能开始 React Native 的开发与调试。...这一点主要基于我们可以选择将应用运行在 Expo 的客户端应用内,该应用能够加载远端的纯粹的 JavaScript 代码而不用进行任何的原生代码编译操作。...环境搭建 接下来依次使用如下的命令来新建项目。 npm i -g create-react-native

1.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    iOS下Debug和Release模式编译的小尴尬Profile

    实际开发中遇到一个小尴尬:工程编译的直接连到手机上,所有工程都是正常的,但是当我打了一个包,发布出来安装到手机上,可以正常登陆,但是其中一个预览图片的功能出现问题了,不能正常预览图片。...通俗点讲,我们开发者自己内部真机或模拟器调试时,使用Debug模式就好,等到想要发布时,也就是说需要大众客户使用时,需要build Release版本,具体区别如下: 一、Debug是调试版本,包括的程序信息更多...因为是为用户使用的,一般客户不允许在发布版本上进行调试。所以不保存调试信息。...Profile和Analyze都可以在Scheme中设置,把profile设置成release,就可以检查到哪里可能出现代码的静态延迟泄露。...YES:NO //这个地方动态获取缓存地址,debug和release下会有不同 } 后面在构造函数中对这个bool值成员进行了初始化就好了。

    3.5K70

    如何解决 iOS 环境搭建与 APP 打包速度问题

    根据大家的经验,这两个工具在 ruby2.3.x 时,问题较少。特定软件版本,系统自带软件版本冲突,环境变量设置等等一些列的操作步骤导致环境搭建复杂,需要求助 IOS 开发同学才能搞定。...安装后并不需要特殊的配置,因此我们设计实现了一个折中方案:Host 内开发(部分 docker 化) Host 内开发(部分 docker 化) 本方案中:开发编译调试工作仍然在 MacOS 本地,使用...打包速度优化也将分为两个阶段进行: Pod 操作加速 Pod install/update 主要的工作是读取 Podfile,进行依赖版本控制和冲突解决,并生成 Pod 工程。...生成的相关文件存储在 Pods 目录和 Pods.xcodeproj 中。当切换回之前分支时,Podfile 经常是不会发生变化的,因此重新生成 pod 工程实属浪费。...对于闲鱼 IOS 工程,如果我们在切分支之前保存当前 IOS 分支编译的中间产物,然后在切换回当前分支的时候,恢复之前保存的中间产物,那么是不是就可以触发 XCode 增量编译了呢?事实确实如此。

    2.8K31

    在React Native中构建启动屏

    此外,由于Expo很受欢迎,许多人常常选择使用它,我们也将探讨如何在Expo中构建启动屏幕。 什么是启动画面? 启动画面是用户访问应用程序其余功能之前出现的第一个屏幕。...在我们的例子中,我们选择了白色: 为了确认你的应用可以成功运行,请从Xcode运行一个构建。...如果一切设置正确,你应该会看到类似于这样的结果: 在应用加载后隐藏启动屏幕 为了在应用加载时隐藏启动屏幕,我们将使用之前安装的 react-native-splash-screen 包。...使用 Expo,我们可以以简化和直接的方式做到这一点,因为 Expo 允许我们在 app.json 文件中配置我们的启动屏幕和图片。 我们将使用上述的 App.js 和 Login.js 文件。...为了做到这一点,我们将使用 expo-splash-screen 包,我们可以用以下命令来安装: npx expo install expo-splash-screen 接下来,在我们的 App.js

    5.7K10

    快速创建React Native App

    Quick Start是在v0.4.5版本添加的一种快速创建React Native App的方案,旨在为React Native开发者提供一种快捷的,无需配置任何工具,同时也无需安装XCode与AndroidStudio...本文向大家分享如何快速构建React Native App以及在使用快速构建方案中可能存在的一些问题及解决方案。...npm run ios 将APP运行在iOS设备上,仅仅Mac系统支持,且需要安装Xcode。...为了方便大家下载使用,我已将Exponent上传到网盘,供大家下载使用。 然后用Expo扫码屏幕上的二维码,aa就可以运行在Expo上了。 ?...如果,大家在开发原生模块中遇到问题可以在本文的下方进行留言,我看到了后会及时回复的哦。 另外也可以关注我的新浪微博,或者关注我的Github来获取更多有关React Native开发的技术干货。

    2.8K51

    快速创建React Native App

    Quick Start是在v0.4.5版本添加的一种快速创建React Native App的方案,旨在为React Native开发者提供一种快捷的,无需配置任何工具,同时也无需安装XCode与AndroidStudio...本文向大家分享如何快速构建React Native App以及在使用快速构建方案中可能存在的一些问题及解决方案。...npm run ios 将APP运行在iOS设备上,仅仅Mac系统支持,且需要安装Xcode。...为了方便大家下载使用,我已将Exponent上传到网盘,供大家下载使用。 然后用Expo扫码屏幕上的二维码,aa就可以运行在Expo上了。 ?...如果,大家在开发原生模块中遇到问题可以在本文的下方进行留言,我看到了后会及时回复的哦。 另外也可以关注我的新浪微博,或者关注我的Github来获取更多有关React Native开发的技术干货。

    2.9K10

    iOS 版本号 Build Number与Version Number

    build Number的英文理解为建造、构造,也就是说,他是Xcode里的一个构造版本 如果项目上线的时候,先打一个IPA的包上传 Version为1.0.0 build为1.0.0,这时候1.0.0...的包出现问题,需要重新打包上传,可以依旧使用version1.0.1,但是这时候的build必须要换,如果依然用这个来进行打包,上传的时候他会说 在你的商店里已经有了一个build为1.0.0的包,所以可以把...iOS有很多变迁 Xcode3的时候 Xcede根本没有Version这个东西,Xcode4的时候加入新的版本去的Version,友盟统计为了适配Xcode3的项目,没有办法才使用build这个  但是为了方便统计友盟提供...mainBundle]infoDictionary] objectForKey:@"CFBundleShortVersionString"]; [MobClick setAppVersion:Version]; 并且在友盟...MobClich.h中也提到 ?

    2.7K10

    Expo与Flutter:如何选择合适的移动框架

    在 Expo 中,相机被抽象化,您可以使用 expo-camera 包来渲染原生 iOS 和 Android 相机视图。 虽然看起来是一个很小的区别,但它会影响某些项目的关键要求。...因为所有 Flutter 组件(或小部件)都具有特定的预定义样式,当 Apple 更新 iOS 版本和控件时,Flutter 组件仍然呈现相同的 UI,直到 Flutter SDK 和您的应用程序在几周...如果您希望采用自适应样式,让您的用户在使用您的应用程序时感到宾至如归,您应该选择 Expo。 4. 您是否希望拥有应用程序的 Web 版本?...使用 Expo,您可以使用 EAS Update 将 JS 更新直接发送到应用程序的最终用户。此服务允许您替换应用程序中的非原生部分(JS、样式代码和资产),而无需向商店提交新版本。...在撰写本文时,React Native 中的新架构尚未成为标准,并非所有库都与之兼容。

    1.9K10

    Reveal Version 12 使用指南

    Reveal 是一款在iOS 开发时能实时查看界面UI的工具。类似Xcode本身自带的View Debug Hierarchy。但是Reveal要更加强大。...如果不花钱的话可以有免费的试用版本,需要填你的邮箱去申请。试用版本可以免费使用14天。现在网上的绝大多数破解Reveal的教程已经不管用了。而且每个版本配置方法也略有不同,大家使用的时候要注意一下。...现在我用的版本是Reveal 12。而我在网上找的教程多数都是Reveal 2或者更早的。就造成了使用Xcode Breakpoint的时候输入的一些命令有差异,造成了使用上出现问题,真的很糟心的。...,如果不安装这个就直接随便搜一个教程使用的话,你可能会遇到下面的问题。 Help->Install Debugger Commands... 安装完以后就可以在Xcode中配置断点调试了。...最后一步,将断点设置给Xcode使用者,这样以后创建的工程就都会默认开启Reveal的。 当你运行程序并看到控制台有如下输出时,证明可以正常启动Reveal了。

    1.7K30

    那些年,我们一起走过的 iOS 推送的坑

    使用Xcode7.3以上版本打包app,导出iPA(这是一个压缩的文件夹),在mac系统中,鼠标右键,使用系统自带Archive Utility工具解开,在进入app所在的Payload文件夹,选择app...但是关于archived-expanded-entitlements.xcent文件,在不同的Xcode版本中,文件内容是不同的,具体看下图 可以发现: 在使用Xcode7.3.1版本进行打包开启了远程推送的工程的时候...在使用Xcode8.3.2版本进行打包开启了远程推送的工程的时候,工程中会自动创建Target-entitlements文件,进而archived-expanded-entitlements.xcent...坑:问题回溯 具体案例如下—— 问题描述: 某 iOS app在接入信鸽SDK 集成推送功能时,遇到在iOS 10 以下版本可以正常推送,但是在iOS 10的版本中,收不到推送消息。...,请使用新版本Xcode进行配置打包,然后在根据文档中提到的方法检查iPA包。

    4.7K00

    iOS工具——Xcode9无证书真机调试

    入坑iOS开发这么久,一直都是在模拟器上运行,公司的项目也都有公司的开发者账号进行真机调试。...但是很多时候在网上download一些demo想在真机上运行看一下效果的时候都没法成行,今天抽空好好研究和学习了一下在最新的xcode9上如何进行无证书真机调试,过程其实很简单,下面我们来了解一下整个过程...自定义bundle id开始真机调试(创建新bundle id—未被其他team使用过)系统会自动repair产生provision文件 ,这里需要说明一下的就是 如果我们是从网上下载的demo,这里的...bundle id一定要进行修改,不然签名的时候会失败,自己的项目在这里签名出现问题的时候也可以尝试修改一下这个bundle identidier. ?...手机(真机)中点击设置(Settings) —> 通用(General)—>设备管理(Device Management,现在的版本中叫 描述文件)—>点击对应的id —->信任(Trust)  2.

    2.4K100

    深度测评 | 五大主流多端开发框架全面对比

    目前来看比较火的应该是 Flutter,次之 RN,具体还要看企业的应用场景和领域,AVM,Ionic,NativeScript 在不少企业和个人开发者中也使用率较高。 一,安装环境,开发工具对比。...然后借助官网推荐的 Expo 工具可以快速搭建起来本地的一个开发环境。因为笔者是 MacOS 用户,之前安装过 Xcode 所以整体安装起来还算是流畅。...Xcode12 以上版本,但是笔者的 Xcode 升不上去了,因为笔者的电脑系统不支持更高级别的 Xcode,所以后边改成用 android 调试。...android 下是什么样子的,iOS 也是因为本地 Xcode 版本太老跑不起来,第一次编译时间都比较久,需要耐心等待。...,需要使用真机安装 AppLoader 进行调试,类似 RN 的 Expo。

    6.6K30

    跨平台开发框架到底哪家强?5款主流框架横向对比!

    目前来看比较火的应该是 Flutter,次之 RN,具体还要看企业的应用场景和领域,AVM,Ionic,NativeScript 在不少企业和个人开发者中也使用率较高。 一,安装环境,开发工具对比。...然后借助官网推荐的 Expo 工具可以快速搭建起来本地的一个开发环境。因为笔者是 MacOS 用户,之前安装过 Xcode 所以整体安装起来还算是流畅。... capacitor run ios -l --external 选择一个本地的模拟器,之后就可以看到界面了,但是因为笔者本地的 Xcode 是11的老版本,会报编译错误,所以需要升级到最新的Xcode12...以上版本,但是笔者的 Xcode 升不上去了,因为笔者的电脑系统不支持更高级别的 Xcode,所以后边改成用 android 调试。...android 下是什么样子的,iOS 也是因为本地 Xcode 版本太老跑不起来,第一次编译时间都比较久,需要耐心等待。

    9.9K20

    几个好用的React-Native 开发工具

    传统上 iOS 应用使用 Xcode 工具、 Objective-C 和 Swift 语言进行开发, Android 应用使用 Android Studio 工具、 Java 和 kotlin 语言进行开发...还可以在开发和运维过程中降低成本,避免重复的代码编写和维护。不过,使用小程序容器技术需要开发者具备一定的小程序开发经验和技能,需要熟悉小程序生命周期、API 调用方式、组件等知识。...使用 Storybook 可以提高开发效率和代码质量,推荐开发者在开发过程中使用。...同时,Expo 还提供了一个在线开发工具 Expo Snack,可以方便地在浏览器中进行开发和调试。...Expo 的使用非常简单,只需要安装 Expo CLI,就可以快速地创建和打包一个基于 Expo 的应用。

    3.3K10

    iOS开发之动态库与静态库

    库 库是一份可执行代码的二进制代码,可以被操作系统载入内存,并且被识别、使用。 在链接阶段,会将汇编生成的目标文件与引用的库一起链接,打包进可执行文件中。...静态库在链接时会被完整的复制到可执行文件中,当静态库被多次使用时,会进行多次复制,从而出现拷贝冗余,造成内存浪费。...优点:不受外部环境的影响,即使删除了静态库,对可执行文件不会造成影响,因为静态库在链接时就已经打包到了可执行文件中,成为 App 的一部分。 缺点:浪费内存空间。...动态库在链接时不会直接复制,而只会存储指向动态库的引用,等到程序运行时才被载入到内存中,以供使用。 优点:只加载到内存中一次,内存共享,节约内存空间。...缺点:运行时载入会造成性能损失,而且可执行文件依赖外部环境,一旦动态库进行了修改而出现了错误,则会导致程序出现问题。

    1.3K31

    windows下使用curl命令 && 常用curl命令

    curl是利用URL语法在命令行方式下工作的开源文件传输工具。它被广泛应用在Unix、多种Linux发行版中,并且有DOS和Win32、Win64下的移植版本。...-M/--manual 显示全手动 -n/--netrc 从netrc文件中读取用户名和密码 --netrc-optional 使用 .netrc 或者 URL来覆盖-n -...--range-file 读取(SSL)的随机文件 -R/--remote-time 在本地生成文件时,保留远程文件时间 --retry 传输出现问题时,重试的次数...--retry-delay 传输出现问题时,设置重试间隔时间 --retry-max-time 传输出现问题时,设置最大重试时间 -s/--silent...使用用户名和密码,进行第三方传送 -4/--ipv4 使用IP4 -6/--ipv6 使用IP6 -#/--progress-bar 用进度条显示当前的传送状态

    5.6K80

    教程 | 如何使用Swift在iOS 11中加入原生机器学习视觉模型

    苹果公司新的机器学习 API 使开发人员得以轻松访问 iOS 应用程序中的标准化模型。当你将.mlmodel 文件拖动至应用程序中时,Xcode 便会为其自动创建 Swift 封装。...即使在本节出现了错误,这个项目仍需进行编写。这是我在使用 Xcode 9 测试版时,短时间内所发现的许多 bug 之一。 ?...在这个演示中,我没有设置任何「预防差错」的措施,所以一旦出现问题,整个应用程序便会崩溃。 另一个对项目有所影响的大 bug,会在将文件拖放到项目导航器中时发生。...在 bug 修复之前,请不要在 Xcode 9 中尝试这个动作,因为它会对依赖链产生巨大影响。你只需在 Xcode 的早期版本中打开 Xcode 项目,必要时选择复制项,而后点击确认即可。 ?...最后一个可能有所影响的 bug 有时会在运行项目时出现。若模拟器无法启动,退出模拟器和 Xcode 即可。它们运行一段时间后,你需要进行一次同样的操作。

    2.9K50
    领券