美文网首页
navigator 模块

navigator 模块

作者: i0S_毛_宇 | 来源:发表于2018-05-25 15:59 被阅读0次

调用文档中的 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 中有很多对外接口的定义。

相关文章

网友评论

      本文标题:navigator 模块

      本文链接:https://www.haomeiwen.com/subject/ebcujftx.html