react-native route的定义
js调用原生:
RCT_EXPORT_METHOD(invoke:(NSString *)urlString
resolver:(RCTPromiseResolveBlock)resolver
rejecter:(RCTPromiseRejectBlock)reject)
其中urlString采用URL格式传递 scheme:://host:port/path?query#fragment
对应的是 包名:://类名(方法依赖参数):方法类型/方法名字?参数#分段
⚠️:urlString 传递过程可能包含中文等,需要进行encode和decode
首先判断urlString是否合法,并解析成对应的类型参数, scheme和host不能为空,其中scheme对应我们的app名字.
我们根据port(方法类型)决定我们接下来的方向
如port的值为1,调用实例方法,port值为2调用类方法.
method: 由于编程语言的特点,android和iOS方法定义在两个及以上的参数定义时函数难以保持一致,所以两个端接收的method方法需要特别处理.
如:android截取method的第一个方法体作为安装的函数名,iOS使用整个method的方法定义.swift的话就可以和android保持一致. 或者js针对android和iOS分别写urlString.
query(参数)传递规则
string=123&number=123&object={content=123,title = 43}&array=[1,2,3]&float=123
| JS | iOS | android |
|---|---|---|
| string | NSString | String |
| number | NSNumber | Number |
| float | float/CGFloat | float |
| double | double | double |
| object | NSDictionary | ReadableMap |
| array | NSArray | ReadableArray |
fragment:为保留字段
例子:
js传递的urlString
'RouteDemo://KToast:2/showToast:imageName:?string="这是测试"&string="icon_toast_success"'
原生端接收处理:
- 验证urlString的有效性, (匹配scheme:RouteDemo和host不能为空)
- 获取解析到的各个定义参数(msgName、msgType、method、params和fragm)
- 根据msgType来确定方法的目的,如例子中msgType是2,调用的KToast类的类方法.
- 执行原生步骤,如例子中
iOS解析后调用函数方法:+(void)showToast:(NSString *)msg imageName:(NSString *)imageName
android调用函数方法:public void showToast(String msg, String imageName) - 通过promise,resolver对应的函数结果或reject.
