React Native 的旧架构
在 React Native 旧的架构下(相对基于 Fabric 的新架构而言),JS 和 Native 的通信都是通过 Bridge 进行的。Bridge 作为通信的桥梁,JS 端和 Native 端的信息都会先进行序列化后,传给 Bridge,再传给对方。因此要深入的了解 React Native 旧的架构,需要先搞清楚 Bridge 的运行原理。
一个简单的 Demo
先来看一个简单的 RN 应用:
import React from 'react';
import {SafeAreaView, Text, AppRegistry} from 'react-native';
const App = () => {
return (
<SafeAreaView
style={
{
height: 800,
display: 'flex',
justifyContent: 'center',
alignItems: 'center'
}}>
<Text style={
{fontSize: 20}}>Hello World</Text>
</SafeAreaView>
);
};
AppRegistry.registerComponent('demo', () &