React Native环境搭建-低调大师

React Native环境搭建

2018-03-15 598

React-Native 官网

2. Node

# 设置镜像源
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

3.Yarn、React Native的命令行工具（react-native-cli）

# 安装yarn和React-native-cli
npm install -g yarn react-native-cli
# 设置镜像源
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

创建项目

# 初始化项目
react-native init abcd
# 运行项目
react-native run-android

4. 设备上运行

$ adb devices
List of devices attached
emulator-5554 offline   # Google模拟器
14ed2fcc device         # 真实设备

5. 设备上访问开发服务器

1). (Android 5.0及以上)使用adb reverse命令

注意，这个选项只能在5.0以上版本(API 21+)的安卓设备上使用。
首先把你的设备通过USB数据线连接到电脑上，并开启USB调试（关于如何开启USB调试，参见上面的章节）。

1.  运行`adb reverse tcp:8081 tcp:8081`
2.  不需要更多配置，你就可以使用`Reload JS`和其它的开发选项了。

2). (Android 5.0以下)通过Wi-Fi连接你的本地开发服务器

1.  首先确保你的电脑和手机设备在**同一个Wi-Fi环境**下。
2.  在设备上运行你的React Native应用。和打开其它App一样操作。
3.  你应该会看到一个“红屏”错误提示。这是正常的，下面的步骤会解决这个报错。
4.  摇晃设备，或者运行`adb shell input keyevent 82`，可以打开**开发者菜单**。
5.  点击进入`Dev Settings`。
6.  点击`Debug server host for device`。
7.  输入你电脑的IP地址和端口号（譬如10.0.1.1:8081）。**在Mac上**，你可以在系统设置/网络里找查询你的IP地址。**在Windows上**，打开命令提示符并输入`ipconfig`来查询你的IP地址。**在Linux上**你可以在终端中输入`ifconfig`来查询你的IP地址。
8.  回到**开发者菜单**然后选择`Reload JS`。

6. 项目效果

效果.png

微信关注我们

原文链接：https://yq.aliyun.com/articles/663394

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

在开发中突然需要传Emoji，然而直接传的话会报错，而之前开发时又没接触够Emoji，所以打算好好研究一下。 1.Emoji的形式我想先打印出来看看Emoji是怎么样的，我就设断，看看输入Emoji之后的字符串是怎样的，结果发生了十分有意思的事情。在调试监听的时候显示的是豆腐块但是编译器里面又能显示图再试试在Log中打印，直接就不显示做到这里，已经不禁让我怀疑人生，我发现我对String一无所知，瞬间真的有一种不知道要怎么弄的感觉。如果哪位大神知道，请告诉我为什么String显示Emoji时会这样，谢谢。虽然我不知道Emoji在String中到底是怎么样的，但是我可以用charAt()方法去查看它的地址，发现charAt()后打印出这个（我用了另一个Emoji）实在看不出，再试试charArray CN是中国图标的emoji 最后得到的结果是看得出分割时一般会把一个表情分割成2个char，国旗分割成4个，还有一个的，也看不出什么。这什么玩意，还是不知道，上网查了下，这个叫Unicode 编码，这就很有意思了，那我就去看看编码的一些基础的知识。 2.编码我就算没认真学...

2018-03-16

524

(创建于2018/1/4) ffmpeg完整的编译过程 1.ls 显示所有目录文件 2.mkdir root 创建文件夹root //将Android文件夹下的所有强制删除 rm -rf android 3.touch ren.txt 创建文件ren.txt 4.apt-get update //Advanced Package Tool，是一条linux命令，适用于deb包管理式的操作系统，主要用于自动从互联网的软件仓库中搜索、安装、升级、卸载软件或操作系统，定期运行这一命令以确保您的软件包列表是最新的更新 5.sudo apt-get install vim-gtk //vim：文本编辑器安装vim 6.:q! 强制退出在INSERT状态下（编辑模式），先按esc（进入命令模式）然后输入:q! 回车，例如：vim ren.txt 然后:q!退出，没有进行保存 7.保存退出 vim ren.txt 然后按i进入编辑模式，写一段文字，按Esc进入命令模式按Shift z z保存退出，写入的内容被保存 8.vim命令打开vim配置文件 vim /etc/vim/vimrc 9....

2018-03-16

520

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。