Lei's Blog

weex采坑心得

weex采坑心得

  • 执行weex run ios命令时报错

    在此处找到解决方案 执行weexpack命令解决weex update weexpack@latest

  • 不要使用 css 中 background 属性 在移动端无效

  • 不要设置高度 100% 也是无效
  • iOS 刚启动的时候 内容往下偏移,此时并非weex编程原因,而是代码初始化的时候,iOS 代码初始化的时候会留出64的导航栏高度
  • 使用路由之后打包编译将会是单页面
  • 单页面应用想要使用navigator跳转必须使用weex-toolkit里的compile命令进行单页面打包
  • navigator 跳转在iOS上是真的原生导航跳转,需要提供两个路径资源
  • 使用navigator animated 一定要传字符串传bool值崩溃
  • 注册module模块 需要遵循WXModuleProtocol协议,并通过WX_EXPORT_METHOD抛出供js调用的方法,可以传递参数,和接受回调,WXModuleCallback只会回调一次,WXModuleKeepAliveCallback,可以回调多次,比较影响性能建议除特殊场景外,都设置为回调一次
  • weex 打包不会打包资源图片,项目中需要将图片编辑成text,引入阿里字体库生成的文件路径即可官方教程
  • 引入阿里字体库图片不显示的问题,!important去掉这个属性即可
  • 在自定义的module 中需要可以使用@synthesize weexInstance;拿到当前实例的相关信息
  • 自定义weex 跳转原生
  • 自定义Component list 等需要手动算高度
  • 自定义component native 传值给 weex
  • weex compile src/xxx dset -m 执行编译命令的时候 组件上的.vue不能省略,否则报错
  • weex 页面之间传值最好走url解析,不推荐使用storage模块
  • <text>标签在iOS上编译成了textView,限制行数需要用line
  • pop返回刷新页面需要使用weex page事件中的 viewappearviewdisappear
  • tabler 使用路由 子页面返回刷新问题。 使用globalEvent
  • weex 自定义NavigatorHandle
  • weex toolkit 升级2.0 报错解决办法

执行 npm i weex-toolkit@beta -g 报错的话加上 sudo 然后执行
weex repair

  • 降级命令sudo npm i weex-toolkit@latest -g 指定#node#版本 8.9.4 #npm版本# v4.0 npm i npm@4 -g
  • 卸载命令 sudo npm uninstall -g weex-toolkit npm uninstall -g weex-toolkit && rm -rf ~/.wx && rm -rf ~/.weex_tmp
  • 升级npm ``