tongxintong的专栏

https://zhuanlan.zhihu.com/p/45837390先线上膝盖，网络上讲解最清晰的，没有之一，怕被删，故做收藏，另有作者专栏https://www.zhihu.com/column/react-native-tips 在介绍完RN的背景、实践以及整体架构后，下面我们来聊一聊RN Android端的源码。本文首先会介绍RN在Android端的初始化流程，紧接着介绍JSBundle的加载流程以及NativeModules的初始化过程，最后会介绍三端通信。 一、Android端的初始化.

RN命令 npm cache clean --force react-native init AwesomeProject cd AwesomeProject react-native run-android react-native start --port 9999//在新端口启动服务 React Native 框架 生命周期 http://www.race604.com/react-native-component-lifecycle/ 方法..

环境搭建： https://reactnative.cn/docs/0.51/getting-started.html 1. 在同一个js文件中，class定义的位置必须在引用之前，否则就会造成找不到class的问题 2. this的执行时可变的，但在箭头函数中是固定的，箭头函数体内的this指向定义时所在的对象，不是使用时所在的对象。 3. 尽量多用this指针，可以代替bind函数； ...

转自 点击打开链接触控是移动设备的核心功能，也移动应用交互的基础，Android 和 iOS 各自都有完善的触摸事件处理机制。React Native（以下简称 RN）提供了一套统一的处理方式，能够方便的处理界面中组件的触摸事件、用户手势等。本文尝试介绍 RN 中触摸事件处理。1. RN 基本触摸组件RN 的组件除了 Text，其他组件默认是不支持点击事件，也不能响应基本触摸事件，所以 RN 中提...

import {ImageEditor} from "react-native"; var resolveAssetSource = require('resolveAssetSource'); console.log('Stamp==>componentDidMount') // 关键系统函数，读取资源图片并返回URI、图片宽高信息 const source = resolveAss...

转自 react-native setNativeProps 详解在React-Native里面，如果要改变组件的样式可以通过state 或者 props来做到。但有些时候由于性能瓶颈，不得不放弃通过触发render的方式来改样式，而是通过setNativeProps 来直接更改原生组件的样式属性 来达到相同的效果。如下图：header渐变效果上图中的header渐变和搜索框出现都是直通过setN...