之前一直用真机去调试, 每回更新一次都需要手动摇晃手机后才能reload JS, OMG,太麻烦了. 后来寻思模拟器网上推荐用Geny...什么的模拟器,但是那个模拟器还需要VBox一起用. 有点麻烦,然后我就下载了一个夜神模拟器. 速度很快,一点都不卡,但是模拟器系统使android 4.4版本的.有点遗憾. 好了,进入正题: 顺便说明一下我现在用的工具有关RN的,如下: 1. Microsoft VS Code: 2.YeShen模拟器 3. Nodejs 4. react-native-m…

React Native 设置RGBA背景色: 可以先用Mac自带吸色工具,获取RGB值,然后设置背景如下: backgroundColor: 'rgba(52, 52, 52, 0.8)', 透明度值也可以如下设置: backgroundColor:'rgba(52,52,52,alpha)',…

react-native 设置启动模拟器 查看iOS可选设备: xcrun simctl list devices iPhone7 Plus启动(下次启动会默认使用最后一次选择设备,直接启动npx react-native run-ios 即可): npx react-native run-ios --simulator "iPhone 7 Plus"…

一.启动: 1.查看端口(默认8081是否被占用) netstat -ano   可以查看所有的进程 2.netstat -ano | findstr "8081"  查看某个端口的进程 3.结束进程,可以使用 tskill id   或者taskkill id/.exe 例如:tskill 31836 4.启动react native 前需要启动react native服务,可以使用react-native start  或者 npm start 二.启动adb 1.检测手机是否连接…

我们用RN去开发Android应用的时候,我们会发现一个很明显的问题,这个问题就是启动时每次都会有1~3秒的白屏时间,直到项目加载出来 为什么会出现这个问题? RN开发的应用在启动时,首先会将js bundle读取到内存中,然后再完成渲染.那么这段等待的时间就导致了白屏的问题.(换句话来说,这个白屏时间是程序为了完成初始化加载数据,做一些初始化工作所保留的时间,如果在这段时间中不对启动屏做一些优化,就会呈现给用户一个白屏的时间段,用户体验较差) 我们可以利用白屏做点什么? 目前我们手机上所安装的…

react-native run-ios --simulator "iPhone 7 Plus” xcrun instruments -w 'iPhone X'…

实现思路 思路大流程: 1.APP启动的时候控制ReactActivity从而显示启动屏. 2.编写原生模块,提供一个关闭启动屏的公共接口. 3.在js的适当位置(一般是程序初始化工作完成后)调用上述公共接口关闭启动屏. 目录结构 SplashScreen:创建Diaolg,当白屏的时候显示用. SplashScreenModule.SplashScreenReactPackage:Dialog关闭的桥接,需要在MainApplication中注册. lanuch_screen.png:Dial…

显示效果如下: 实现和页面代码如下: 1> 使用的react-navigation隐藏导航栏: AddTopic: {screen: AddTopicScreen,navigationOptions: { title: ' ', // 这里不给值 header: false, // 不显示导航栏 gesturesEnabled: false }} }, 2>页面代码如下: /** * Created by 思思 on 17/12/1. */ import React, { Component…

shadowColor:'#eee',shadowOffset:{h:10,w:10},shadowRadius:3,shadowOpacity:0.8,…

导读:本文以 react-native-cli 创建的示例工程(安卓部分)为例,分析 React Native 的启动流程. 工程创建步骤可以参考官网.本文所分析 React Native 版本为 v0.64.2. 我们知道上述工程是一个安卓应用,打开 android/ 目录下源码文件,首先发现它创建了两个 java 文件:MainApplication.java 和 MainActivity.java,分别做了应用以及主 Activity 的定义. 安卓应用的启动流程是:在启动第一个 acti…