一、红黑屏,我的天呀,怎么办?睡一觉吧

第一次玩React Native,按着文档来,跑着跑着,咦,红黑屏了。
怎么办?不玩了?那先放着,过两天再来看看咯。

二、粗心大意,原来还有配置没配好

好了,已经过两天了,继续来看。
我是按着文档来的,从安装环境到真机运行,因为之前已经装过安卓的开发环境,以为是没有问题的,就,没怎么去理它。
直到我重新看了一下,哦,还有一个环境变量还没配好:
~~~
c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools
~~~

三、安卓真机调试

以为万事俱备,只欠上机,仔细看了下真机调试的文档之后,还发现有两个命令没敲。

  • adb devices:检查你的设备是否能正确连接到 ADB(Android Debug Bridge)
  • adb reverse tcp:8081 tcp:8081:使设备可以访问开发服务器,快速迭代修改应用,敏捷开发。
  • react-native run-android:最后,真机上跑起来
    于是,就有了如下结果:

四、热更新?快速开发?

总不可能每一次我修改源代码,我就重新react-native run-android一遍吧,这个有点不太可能。
上网搜了下,说要摇下手机?还有就是敲下命令?命令我没试,就傻傻的摇了手机,我 * * 被自己蠢到了,啥都没有。
后来想了想,不就是调出菜单吗?于是我长按了手机的菜单键,果然,有效果,功夫不负有心人啊

好了,具体的功能自己点点看就可以了。

五、吃水不忘挖井人

React Native中文文档
搭建开发环境
在设备上运行

哇,快看,那里有React Native的坑的更多相关文章

  1. React Native之坑总结(持续更新)

    React Native之坑总结(持续更新) Genymotion安装与启动 之前我用的是蓝叠(BlueStack)模拟器,跑RN程序也遇到了一些问题,都通过搜索引擎解决了,不过没有记录. 但是Blu ...

  2. React Native 填坑一

    React Native 填坑一 关于RN的布局 分为主轴和交叉轴, 主轴可以是横向也可以是竖向,交叉轴也是对应的. 主轴默认是竖向.如果要更改用flexdirection 主轴对齐方式:justif ...

  3. React Native填坑之旅--Navigation篇

    React Native的导航有两种,一种是iOS和Android通用的叫做Navigator,一种是支持iOS的叫做NavigatorIOS.我们这里只讨论通用的Navigator.会了Naviga ...

  4. React Native填坑之旅--与Native通信之iOS篇

    终于开始新一篇的填坑之旅了.RN厉害的一个地方就是RN可以和Native组件通信.这个Native组件包括native的库和自定义视图,我们今天主要设计的内容是native库方面的只是.自定义视图的使 ...

  5. React Native填坑之旅--布局篇

    代码在这里: https://github.com/future-challenger/petshop/tree/master/client/petshop/src/controller 回头看看RN ...

  6. React Native填坑之旅--ListView篇

    列表显示数据,基本什么应用都是必须.今天就来从浅到深的看看React Native的ListView怎么使用.笔者写作的时候RN版本是0.34. 最简单的 //@flow import React f ...

  7. React Native填坑之旅--Button篇

    从React过来,发现React Native(以下简称RN)居然没有Button.隔壁的iOS是有UIButton的,隔壁的隔壁的Android里也是有的.没有Button,就没有点击效果啊.这还真 ...

  8. React Native填坑之旅 -- 使用react-navigation代替Navigator

    Navigator已经被React Native废弃了.也许你可以在另外的一个依赖库里react-native-deprecated-custom-components里找到.不过既然官方推荐的是re ...

  9. React Native填坑之旅 -- FlatList

    在React Native里有很多种方法来创建可滚动的list.比如,ScrollView和ListView.他们都各有优缺点.但是在React Native 0.43里增加了两种行的list vie ...

随机推荐

  1. centos下使用nginx 配置websocket,https升级wss协议

    服务端代码/***/ // 服务端代码 var express = require('express'); var app = express(); var path = require('path' ...

  2. 11 Django RESTful framework 实现缓存

    01-安装 pip install drf-extensions 02-导入 from rest_framework_extensions.cache.mixins import CacheRespo ...

  3. VS2019 更新MSDN并创建快捷方式

    本文主要记录了 VS2019 中帮助查看器(Help Viewer)相关的内容,如何安装.如何启动.如何复用已有的文档.如何创建快捷方式等内容,通过本文将会对该工具有一个全面的了解. 安装 Help ...

  4. flutter 本地存储 (shared_preferences)

    Flutter本地存储 和Android.Ios类似,Flutter也支持Preferences(Shared Preferences and NSUserDefaults) .文件.和Sqlite3 ...

  5. Netty的基本使用

    Gradle 的优点 原文:https://blog.csdn.net/achenyuan/article/details/80682288  1. 按约定声明构建和建设: 2. 强大的支持多工程的构 ...

  6. C#中字符串转日期类型

    1,yyyyMMdd DateTime date = DateTime.ParseExact(", "yyyyMMdd", System.Globalization.Cu ...

  7. Python——pyqt5——智能提示(lineEdit/conmbobox)

    一.文本框智能补全 completer = QtWidgets.QCompleter(data) completer.setCompletionMode(QtWidgets.QCompleter.Po ...

  8. 简单了解python使用正则表达式

    正则[Regular Expression]:正则表达式通常被用来检索.替换那些符合某个模式(规则)的文本. 正则是用来干啥的:正则就是用来匹配字符串的. Python中string的几个方法: fi ...

  9. Spring MVC 使用介绍(十三)数据验证 (一)基本介绍

    一.消息处理功能 Spring提供MessageSource接口用于提供消息处理功能: public interface MessageSource { String getMessage(Strin ...

  10. springboot全局捕获异常

    捕获 捕获原理,使用AOP技术,采用异常通知. 1.捕获返回json格式 2.捕获返回页面 步骤: 1.@ControllerAdvice(pasePackage="") 注释异常 ...