Weex采坑心得

  • 执行weex run ios命令时报错

    image

    在此处找到解决方案 执行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模块

  • 标签在iOS上编译成了textView,限制行数需要用line

  • pop返回刷新页面需要使用weex page事件中的 viewappearviewdisappear

  • tabler 使用路由 子页面返回刷新问题。 使用globalEvent

  • weex 自定义NavigatorHandle

  • weex toolkit 升级2.0 报错解决办法


    image

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

image

  • 降级命令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 ``

你可能感兴趣的:(Weex采坑心得)