react native 原生与js通信同步函数

rn-sync-function

原文地址:https://zhangjinbo619.github.io/code/2018/11/20/rn-sync-function.html

背景

在实际项目开发过程中,需要原生与js通信同步时,可使用如下方式。

代码

  • oc 代码
@define API_URL @"http://localhost:3000” 
@implementation ConfigManager 
RCT_EXPORT_MODULE(); 
RCT_EXPORT_BLOCKING_SYNCHRONOUS_METHOD(getApiUrl) 
{ 
    return API_URL; 
} 
@end
  • android 代码
@ReactMethod(isBlockingSynchronousMethod = true)
public String getApiUrl() {
    return "http://localhost:3000";
}
  • js 代码
import { NativeModules } from 'react-native’; 
const apiUrl = NativeModules.ConfigManager.getApiUrl();

注意

同步方法不支持 js remote 方式调试,会报错。


rn-sync-function

解决方法,调试同步函数用alert、console.warn方式,并关闭 js debug remote

参考

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容