WEEX-EROS开发小笔记

本文是作者之前刚接触移动端跨平台开发，使用weex-eros开发项目平日里记下来的一些笔记，分享出来方便为新手解惑，weex-eros是weex的一套解决方法，使用vue语法糖，对于前端开发者来说可以轻松上手，文档如下：

weex:https://weex.apache.org/zh/

weex-eros:https://bmfe.github.io/eros-docs/#/

分享一篇入门文章:https://zhuanlan.zhihu.com/p/51302413

由于weex-eros安卓端久久不更新，导致开发过程中安卓端总会有那么些问题，需要大家动动手改改SDK源码，可能需要补充下原生知识了，作者目前已经转战flutter，偶尔会维护一下weex-eros开发的老项目，所以本文也将持续更新...(转载请注明出处https://www.cnblogs.com/akun97/p/weex-eros.html)

针对EROS 2018.10.11 更新的版本：

是个人认为目前最稳定的版本，但是Android方面还是有许多坑：

在android/WeexFrameworkWrapper/app/src/main/AndroidManifest.xml这个文件中，

控制屏幕旋转，需要添加：

android:screenOrientation="user"//用户当前首选方向，如果值是'sensor'，关闭屏幕旋转也是会旋转，会根据重力传感器切换。
android:configChanges="orientation|keyboardHidden|screenSize"//配置configChanges为以上配置时，切屏不会重新调用各个生命周期，只会执行

onConfigurationChanged方法。Activity中的数据不会被销毁。

防止键盘挡住输入框，自动将页面上顶，需要添加：

android:windowSoftInputMode="adjustPan"

 

参考文献：https://blog.csdn.net/u010005281/article/details/79531474

 

点击对话框背景或按返回按钮对话框消失，解决方法：

在Android studio中查找ModalManager.java这个SDK源码文件，将下图圈起来的位置设置为false即可，对应的是setCancelabel(calcel)这个属性。

参考文献：https://www.cnblogs.com/howlaa/p/4126536.html

 

WEEX的Picker模块如果选项多的话会出现默认选项有多个的情况，需要将Picker模块的SDK源码替换成官方github上的最新源码，希望EROS日后更新会同步到。

官方github源码地址：https://github.com/apache/incubator-weex/blob/e82a37236ce8eeffe49f1bbacc20cbeec70bcd43/android/sdk/src/main/java/com/taobao/weex/appfram/pickers/WXPickersModule.java

 

iOS屏幕旋转：

勾选下方圈起来的两个选项即可。

参考文献：https://www.jianshu.com/p/e0e6b5493c34

 

EROS本身不支持横屏开发，有时使用内置浏览器<web>组件时，需要横屏就会用到以上屏幕旋转的处理方法，<web>组件相对定位外层父组件时，可以是用fixed相对屏幕定位的按钮来制作成内置浏览器内部的按钮，可以有很好的控制体验。

 

如果有开发多个EROS项目记得要更改包名，避免引起同一台机器不能存在两个项目的情况，

Android修改包名:

 

iOS修改包名：

以上是原生部分的填坑。

 

另外，Android修改完SDK源码后需要对文件夹做修改才可以提交到git上，不然修改完没提交到git，下次拉下来，重新安装Android依赖就白改了，打开文件夹下的.gitignore文件，删除wxframework和sdk，然后添加如下：

# eros
platforms/android/WeexFrameworkWrapper/app/src/main/assets/bundle.zip
platforms/android/WeexFrameworkWrapper/app/src/main/assets/bundle.config
platforms/ios/WeexEros/WeexEros/bundle.zip
platforms/ios/WeexEros/WeexEros/bundle.config
!.gitkeep
ip.txt

然后分别进入platforms/WeexFrameworkWrapper/nexus、platforms/WeexFrameworkWrapper/wxframework文件夹下执行rm -rf .git清除原本的git信息，之后就可以将Android的源码提交到git仓库里了，之后拉下来不用再安装Android依赖了。

 

CocoaPods多个版本切换（EROS推荐1.4.0，因为当前使用的WXDevtool插件（1.5.3）基于1.4.0，个人仅发现此插件有问题）：

命令行

gem list --local | grep cocoapods//查看当前电脑所有的CocoaPods版本,效果如下图

pod --version//查看当前系统默认使用CocoaPods版本，效果如下图

gem install bundler//安装Bundler管理CocoaPods版本，可能需要sudo

管理方法

1.到Podfile文件所在目录输入以下命令，创建Bundler的配置文件Gemfile

bundle init

2.将Gemfile文件修改成以下内容，版本号可根据自己的需求修改

3.最终，如果要使用指定的CocoaPods去安装插件只需要在pod命令上加上bundle exec前缀，例如：

bundle exec pod update

参考文献：https://www.jianshu.com/p/411003ac28e4