调用文档中的 push 接口,会进入新的界面,但不会显示原生导航栏。
显示原生导航栏方法(以ios为例)
1 组件添加 dataRole="navbar" 属性
<template>
<div>
<div dataRole="navbar"></div> // 添加dataRole="navbar" 属性
<div>...</div>
</div>
</template>
- WeexSDK WxComponent+Navgation.m 中有段代码
- (void)_setupNavBarWithStyles:(NSMutableDictionary *)styles attributes:(NSMutableDictionary *)attributes
{
NSString *dataRole = attributes[@"dataRole"];
if (dataRole && [dataRole isEqualToString:@"navbar"]) {
styles[@"visibility"] = @"hidden";
styles[@"position"] = @"fixed";
self.weexInstance.naviBarStyles = [NSMutableDictionary new];
[self setNavigationBarHidden:NO];
NSString *backgroundColor = styles[@"backgroundColor"];
[self setNavigationBackgroundColor:[WXConvert UIColor:backgroundColor]];
}
......
2 navigator.setNavBarHidden
navigator.setNavBarHidden({
hidden: 0
}, event => {
})
- WeexSDK WXNavigatorModule.m 中有很多对外接口的定义。