react-native route

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"'
原生端接收处理:

1. 验证urlString的有效性, (匹配scheme:RouteDemo和host不能为空)
2. 获取解析到的各个定义参数(msgName、msgType、method、params和fragm)
3. 根据msgType来确定方法的目的,如例子中msgType是2,调用的KToast类的类方法.
4. 执行原生步骤,如例子中
   iOS解析后调用函数方法:+(void)showToast:(NSString *)msg imageName:(NSString *)imageName
   android调用函数方法:public void showToast(String msg, String imageName)
5. 通过promise,resolver对应的函数结果或reject.