uni-app爬坑记

917 阅读1分钟

多端发布真香??记录用uni-app开发多端应用时,遇到的问题及解决方法。

1.自定义导航 如何修改状态栏颜色

故事前景,UI的效果图是这样的。在安卓模拟器上状态栏字体颜色默认是白色的,和页面设计的白色背景融为一体了。

UI效果图

安卓模拟器 看不到状态栏

苹果模拟器 正常

嘤嘤嘤,这个问题耽误了小半天时间。长话短说就是安卓设置状态栏,打包之后才生效!!!模拟器和真机调试都看不到效果!!!而且安卓系统版本要求4.4以上。

下面上代码,自定义导航和修改状态栏字体颜色,都是修改page.json文件。

全局自定义,修改globalStyle。

"globalStyle": {
    "navigationStyle": "custom",
    "navigationBarTextStyle": "black",
 }

单独某个页面自定义,修改pages。

"pages": [
    {
      "path": "pages/index/index", 
      "style": {
        "navigationStyle": "custom",
        "navigationBarTextStyle": "black"
      }
    },
]

2.如何用在mac运行xcode模拟器

正常情况:运行-运行到手机或模拟器。

如果是第一次使用的话,HBuilderX不会检测到模拟器,需要手动配置一下Xcode。打开Xcode-preferences-Locations-设置Command Line Tools。 设置完,需要重启HBuilderX开发工具。就能看到我们可爱的模拟器了~

3.关于icon报错

**使用阿里icon 在h5端口报错 报错信息如下 找不到文件?? ** 哦 找不到 那就用网络的吧

在 ‘iconfont’ 前面加上 ‘https://’ 即可解决问题 修改如下