美文网首页
快应用开发常见问题以及解决方案

快应用开发常见问题以及解决方案

作者: 漫舞莲华倾人醉 | 来源:发表于2019-06-28 17:18 被阅读0次

    接触快应用也有一段时间了,踩过了大大小小的坑,让我活到了今天。准备在此立贴持续更新,记录遇到的问题以及解决方案,造福大众。

    css 方面

    1、文字竖排不支持

    目前官方还不支持writing-mode,除了等待官方支持这个api以外,还可以使用一种hack手段:给元素设置一个比较小的宽度。

    2、text-align: center;居中无效

    由于快应用默认是flex布局,所以居中的话应当使用justify-content: center;

    template 方面

    1、使用了list组件之后整个页面都不能滚动了

    list组件需要加上“scrollpage=true”。https://doc.quickapp.cn/widge...

    2、list 组件滑动无故闪退-- 很抱歉, “快应用” 已停止运行。

    很可能是你的list-item 里面用了不同的文件结构导致的

    {{item.text}}

    相同的type的list-item必须具备完全一致的DOM结构, 上例的list-item 的dom结构是会改变的,理应使用两个不同的type 的list-item才行

      {{item.text}}

    3、richtext 插入的html片段,无法更改样式?有时候图片还超出屏幕的边缘

    由于官方没有接口对richtext的样式作修改,目前可以有的一种办法就是使用正则搜索匹配,然后加样式在需要的地方

    4、list组件有时候会无法渲染

    解决这个问题可是花了我不少时间呐。这个是快应用已知的一个bug。

    当list用在第三层的时候就会有这个无法渲染的问题。

    ...

    解决方案: 改成div,或者不要放在第三层。

    js 方面

    1、storage.get 在success中设置变量没反应

    vara;storage.get({key:'a',success:function(data){    a = data;  }})console.log(a)//undefined

    原因是storage是异步的。

    其他

    1、如何达到全屏的效果

    在配置文件manifest.json 中设置display,"fullScreen": false, 可以隐藏电量信号的手机状态栏;"titleBar": false; 可以隐藏titleBar。这样子就全屏了。

    2、工程升级以后,background-image变成白色背景了

    background-image 使用了相对路径,工程对相对路径的处理有点bug;暂时改成绝对路径就好了

    3、windows 安装完找不到hap 命令

    这个多半是npm 安装目录没有配置环境变量的问题。

    npmprefix-g// 会打印一个出一个路径,将它添加进系统变量中// 再次运行npm install -g hap-toolkit

    参考:

    快应用采坑与flex布局讲解

    开发文档

    相关文章

      网友评论

          本文标题:快应用开发常见问题以及解决方案

          本文链接:https://www.haomeiwen.com/subject/ixpecctx.html