【笔记】 Weex开发时遇到的一些问题(未完)

页面布局相关

在 Weex 中,Flexbox 是默认且唯一的布局模型,所以你不需要手动为元素添加 display: flex; 属性。

  1. 不需要声明display:flex属性。

  2. 声明flex-wrap无效?开发中声明flex-wrap:wrap;并没有按照预期显示(Native端,Web端正常)

  3. Weex中使用flex:1可以正常的使元素沿主轴占满剩余空间。

  4. box-shadow在IOS端和Web端可正常工作。

  5. 声明border:1px solid #ff0000无效。经查文档发现,需声明为:

{
    border-width:1px;
    border-color:#ff0000;
    border-style:solid;  //正常情况下可省略
}

设定边框,border 目前不支持类似这样 border: 1 solid #ff0000; 的组合写法。

  1. 开发中background属性失效,改为background-color后生效。

  2. Weex开发时src不支持本地图片加载,暂时的解决方案为将图片资源上传到图片资源服务器加载。

其他问题

  1. 发现使用vue-router时,this.$router.go(-1)在安卓端异常,在IOS端和Web端正常。待解决
  2. 引入vuex后在项目中读取this.$store.state.text后在native端会导致页面崩溃,待解决。
发布了11 篇原创文章 · 获赞 4 · 访问量 3万+

猜你喜欢

转载自blog.csdn.net/kormondor/article/details/79552911
今日推荐