chanjet-plugin-navigation
v1.0.0
Published
在mutants框架中, 提供设置导航的API接口 , 只在chanjet平台上可用, 微信不提供此功能.
Downloads
3
Readme
定位API chanjet-plugin-navigation
在mutants框架中, 提供设置导航的API接口 , 只在chanjet平台上可用, 微信不提供此功能.
不能脱离mutants框架单独使用.
获取实例
//通过mutants来获取插件实例
const plugin = mutants.plugin.navigation;
API
update 更新导航栏设置
参数
- config
Object
设置- backgroundColor
string
导航栏背景色:#FFFFFFFF或#FFFFFF 6位或8位。注意Android端设置颜色不支持简写的#FFF - color
string
文字和字体图标Normal状态下颜色 - highlightColor
string
文字和字体图标高亮颜色 - disabledColor
string
文字和字体图标禁用颜色 - disabled
bool
RightButton可用状态,只有在type==button时有效 - title
string
标题 - right
Object
右侧配置 - type
string
右侧按钮类型“button”或“menu” - hide
string
是否隐藏(只有右侧按钮有此属性) - item
Object|Array
右侧按钮配置,当type为“menu”时item为数组(PopMenu信息) - text
string
按钮文字 - icon
string
字体图标,注意当同时设置text和icon时只显示text - onClick
function
item点击事件 - onBackClick
function
返回事件 - onCloseClick
funtion
关闭事件
- backgroundColor
详情参看Native文档TopBarPlugin.md
返回值 void
- config
back 导航栏的返回
用法
//获取插件实例
const plugin = mutants.plugin.navigation;
/************** 更新导航栏配置 **************/
plugin.update({
title: '标题',
backgroundColor: '#ffffff',
color: '#888888',
right:{
type: 'menu',
item: [
{
text: '按钮1',
onClick: function(){
console.log('按钮1被点击');
}
},
{
text: '按钮2',
onClick: function(){
console.log('按钮2被点击');
}
}
]
},
onBackClick: function(){
console.log('导航栏返回被点击');
},
onCloseClick: function(){
console.log('关闭按钮被点击');
}
});
/************** 控制返回 **************/
//用于安卓捕获返回键时可以调用导航的处理
plugin.back();