React Native JSI如何实现与原生模块通信的示例代码？

本文共计2050个文字，预计阅读时间需要9分钟。

目录- 什么是JSI- JSI的不同之处- 在iOS中使用JSI- RN端配置- js调用带参数的原生方法- 原生调用JS- 原生调用带参数的JS方法- 在原生端调用js的函数参数- 总结- 问题- 参考资料- 什么是JSI

目录

• 什么是JSI
• JSI有什么不同
• 在iOS中使用JSI
• iOS端配置
  
• RN端配置
  
• js调用带参数的原生方法
  
• 原生调用JS
  
• 原生调用带参数的JS方法
  
• 在原生端调用js的函数参数
  
• 总结
• 问题
  
• 参考资料

什么是JSI

React Native JSI (JavaScript Interface) 可以使 JavaScript 和 原生模块 更快、更简单的通信。它也是React Native 新的架构体系中Fabric UI层 和 Turbo 模块的核心部分。

JSI有什么不同

JSI 移除了原生代码和JavaScript代码之间的桥接（bridge），同时也省去了两端相互调用时大量的JSON序列化和反序列化操作。JSI为原生和JS交互打开了新的大门。