据平台设置tabBar

tabBar是小程序、快应用下面可能出现的按钮列表，用于快速回到首页或某一重要页面。

默认是使用tabBar.list数组

  1. class Global extends React.Component {
  2.    static config = {
  3.         window: {
  4.             backgroundTextStyle: 'light',
  5.             // navigationBarBackgroundColor: '#0088a4',
  6.             navigationBarTitleText: 'mpreact',
  7.             navigationBarTextStyle: '#fff'
  8.         },
  9.         tabBar: {
  10.             color: '#929292',
  11.             selectedColor: '#00bcd4',
  12.             borderStyle: 'black',
  13.             backgroundColor: '#ffffff',
  14.             list: [ /*略*/]
  15.         }
  16.    }
  17.    render(){
  18.        //略
  19.    }
  20. }
  21. export default App(new Global());

如果你想在快应用下，list的内容有点不一样，那么你可以添加一个quickList. 在转译阶段，会用quickList覆盖list, 并把quickList删掉。

同理，你可以添加wxList, buList, ttList进行不同的设置。

  1. class Global extends React.Component {
  2.    static config = {
  3.         window: {
  4.             backgroundTextStyle: 'light',
  5.             // navigationBarBackgroundColor: '#0088a4',
  6.             navigationBarTitleText: 'mpreact',
  7.             navigationBarTextStyle: '#fff'
  8.         },
  9.         tabBar: {
  10.             color: '#929292',
  11.             selectedColor: '#00bcd4',
  12.             borderStyle: 'black',
  13.             backgroundColor: '#ffffff',
  14.             list: [ /*略*/],
  15.             buList:  [ /*略*/],
  16.             quickList:  [ /*略*/],
  17.             aliList:  [ /*略*/]
  18.         }
  19.    }
  20.    render(){
  21.        //略
  22.    }
  23. }
  24. export default App(new Global());