逆战小程序

逆战小程序

一.小程序配置

app.jsx文件里

    config ={
       pages:[//配置路由，第一项是默认的页面
           'pages/home/index',
           'pages/cart/index',等
        ]，
        window:{//窗口表现，导航文本等设置
            navigationBarTitleText:'taro项目',
        }
    }，
//注意：window是全局配置，默认情况下，每个pages里面都可以单独在配置navigationBarTitleText内容，这时会覆盖全局的，如果想每个页面对应不同的头部，需要在不同的页面单独在配置

二.tabbar 设置

    tabBar: {
      color: '#333',
      selectedColor: '#f66',
      backgroundColor: '#efefef',
      borderStyle: 'white',
      list: [ // 图片资源必须使用  相对路径
            {
            pagePath: 'pages/home/index',
            text: '首页',
            iconPath: './resources/home.png',
            selectedIconPath: './resources/home_active.png'
            }
        ]

三 页面的配置

参考微信小程序的页面配置，多端化的会有 兼容问题（H5和rn兼容问题居多，很多都不支持）

// pages/home/index.jsx中添加页面配置
config = { // 生成一个home/index.json文件 --- 页面配置
  navigationBarTitleText: 'taro-首页',
  enablePullDownRefresh: true,
  backgroundColor: '#efefef'
}