一.前言 最近手头的工作繁多,有研究性的项目和系统研发,正好遇到同事离职,接手了框架的UI组件,不仅需要维护和填坑,还需要开发新的功能组件.因为身在H5-Hybird的框架部门,最近团队开始尝试使用React-Native来做些东西.之前也有过开发iOS App的冲动,学了点Object-c,这次正好借此机会进入App开发,以弥补自己在Native-App上的经验不足. 二.环境配置 (1)需要一台Mac(OSX),这个是前提,建议还是入手一本啦. (2)在Mac上安装Xcode,建议Xcode…

一直是从事iOS的开发,现在研究下mac环境下reatNative的环境配置: 1. 安装HomeBlew(OS系统上的一个安装包管理器,安装后可以方便后续安装包的安装.) 终端命令: ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2. 安装Node.js (服务端的JavaScript运行环境) 下载地址:https://nodejs.org/down…

官方入门教程:https://reactnative.cn/docs/0.51/getting-started.html http://services.gradle.org/distributions/ 1.安装好java sdk,andriod sdk,android studio.2.配置环境变量.3.下载一个gradle,并修改为本地离线下载4.react-native run-android 调试adb connect 127.0.0.1:62001react-native run-a…

参考链接 Windows系统安装React Native环境 windows下React Native Android 环境搭建 在Windows下搭建React Native Android开发环境 碰到的问题 react-native可能在cmd窗口提示不是内部或外部命令 解决方法:在nodeJS command prompt下可以运行 运行时卡在最后,程序是白屏 解决方法:为应用程序添加悬浮窗权限 下载时卡住了 解决方法: 更换rpm的数据源,用国内代理…

我用的是windows开发android,mac的可以绕道了. 1.android studio及Android SDK的安装 现在需要的Android版本及对应的tool 2.真机运行要配置对android的版本 react-native start 可以用浏览器访问http://localhost:8081/index.bundle?platform=android看看是否可以看到打包后的脚本(看到很长的js代码就对了).第一次访问通常需要十几秒,并且在packager的命令行可以看到形如[…

https://reactnative.cn/docs/next/getting-started.html 看到  安装 Android Studio 安装 Android Studio http://www.android-studio.org/ 1. 安装Android studio之前,要先安装Java SDK,参看本人的上一条博客, 链接:点击打开链接(https://blog.csdn.net/qq_39915585/article/details/81042411) 2. 安装And…

新报错(rn版本:0.53.3)2018.3.6 今天在搞react-native环境时,遇到了一些坑,这里记录一下. 首先最重要的一点是一定要按官网一步一步来,不然可能会出现一些奇奇怪怪的问题! 官网配置doc run-ios问题 ios主要是版本问题,就如官网上说的一样,0.45及以上的版本,在run-ios时会出现报错,这里就按官网上给的国内链接来解决. 解决教程 这里说一下,如果直接run-ios,其实~/.rncache文件夹里也可能会下载到对应的文件,但是还是基本百分之百报错,找不到…

# 前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所偏差,在学习中如果有错会及时修改内容,也欢迎万能的朋友们批评指出,谢谢 文章第一版出自简书,如果出现图片或页面显示问题,烦请转至 简书 查看 也希望喜欢的朋友可以点赞,谢谢 更新公告: 更新内容: 新增 github 下载的项目运行不了 这小节(之前忘记写了,抱歉) 了解 React Nativ…

之前写了react-native在mac上得环境搭建,但是如果只开发android的话,只要用windows系统就可以了,下面就来说下react-native的windows开发环境配置. 1.下载配置jdk 下载jdk1.8,下载之后安装jdk并配置环境变量,网上有很多教程,这里就不写了 2.下载配置sdk 之前有写过sdk的下载与安装,不熟悉的话可以看下:windows系统Android-sdk的下载与环境变量配置 3.下载配置gradle 下载gradle,配置gradle的环境变量,将g…

写在前面 在开始之前,先说下选择react-native的背景原因 最近一年来,公司为了节省开发成本,以及降低维护成本,指派我开始做起前端开发app的工作,我和公司的小伙伴们就开始了漫长的app开发之旅:为了更好的结合现在使用的技术栈进行开发(现使用vue系列框架),刚开始选择了cordova结合vue做app开发,也上线了一款应用(商城类项目),流畅度在ios设备上以及中高端android手机上还算流畅,当时也想过就确定使用这个技术栈进行app开发了,不过后来又有了新的变数. 由于公司是属于仓…