专栏首页代码男人React-Native 环境搭建

React-Native 环境搭建

 一.简简介

   对,你没有看错就是简简介,因为一句话概括,我想说的是,React Native开发的APP不是web APP还是原生APP,不过是通过js可以和原生组件库结合。

二、搭建Android开发环境

   因为本人是做Androi的,也没有mac电脑,所以这里只讲解Android开发环境的搭建

安装nodejs,python(版本为2,不要高于3)

然后安装React Native的命令行工具:

npm install -g yarn react-native-cli

安装Android studio及sdk,jdk,并配置java及sdk的环境变量

三.HelloWorld

新建项目:

react-nativie init rndemo(项目名称)

如果新建过程中报错,可能的原因有:首先判断node是否安装成功,使用上述图片方法验证

新建成功项目目录如下:

运行项目: react-native run-android,(真机上运行和android开发一样)

运行成功后则会在app上看到效果

测试的第一个项目中,运行后会有红色bug,详细原因不清楚,等上班时再去研究一下那个有错误的demo,刚刚入门Rn开发Android,希望多多交流。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Android 悬浮窗功能的实现

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    黄林晴
  • Android开发仿新闻头条上方滑动菜单事件

    先来看张效果图,在首页部分,上方分为五个标题,可以滑动展示不同主题的内容。最初的实现是在首页这个frament中加入viewpager但是发现数据不显示。

    黄林晴
  • Android自定义View之绘制圆形头像

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    黄林晴
  • 程序员,你慌不慌

    RxJava、Retrofit、Dagger、MVP 组合的开发模式也是越来越成为主流开发技术。

    用户3596197
  • Windows下Ionic 开发环境搭建

    Ionic 是一款基于 Cordova 及 Angular 开发 Hybrid/Web APP 的前端框架,类似的其他框架有:Intel XDK等。

    laixiangran
  • 微信卡券功能相关策略调整 类目库存等进行修改

      双11狂欢活动微信的战绩应该不是很好,很少看到相关数据报道,现在微信发布卡券功能相关策略调整公告,微信卡券功能正式向直供型电商开放申请了,这是在亡羊补牢吗?...

    ytkah
  • 通过欧拉计划学Rust编程:第100题

    由于研究Libra等数字货币编程技术的需要,学习了一段时间的Rust编程,一不小心刷题上瘾。

    申龙斌
  • SpringBoot 填坑 | Shiro 与 Redis 多级缓存问题

    来自不愿意透露姓名的小师弟的第三篇投稿。这篇主要讲了,项目中配置了多缓存遇到的坑,以及解决办法。

    一个优秀的废人
  • 信息设计图表

    网上可以搜到使用Excel的方法介绍,如果使用PowerBI怎样完成呢?今天小试了一下Inforgraphic Designer信息图表设计这个自定义视觉对象(...

    公众号PowerBI大师
  • 条件语句与查询语句

    到目前为止我们所使用的语句操作几乎都是对每一行都进行操作,那么能不能但对某一行,或者某几行进行操作呢?这个时候就需要使用到条件语句关键字WHERE,介绍一下关系...

    端碗吹水

扫码关注云+社区

领取腾讯云代金券