1.0.0 • Published 9 years ago
chanjet-plugin-navigation v1.0.0
定位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
boolRightButton可用状态,只有在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
functionitem点击事件 - 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();