Weex中WEEX-EROS開發的示例分析

小編給大家分享一下Weex中WEEX-EROS開發的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

Weex Eros就是一個面向前端Vue的開源APP解決方案。 目前，如果直接使用Weex框架開發應用會存在很多痛點，諸如初始化啟動的環境問題、項目工程化問題、版本升級與版本兼容問題和不支持增量更新等，而Weex Eros等開源解決方案能對上述問題進行有效的解決。 Weex Eros的定位不是組件庫，而是基于Weex封裝的面向前端Vue的一整套APP開源解決方案，它關心的是整個APP項目。在Weex的強大支持下，用一份Vue代碼即可編譯出iOS、Android兩端原生的app，并且通過Weex Eros內置的熱更新邏輯和開源的服務器邏輯，開發的APP還具有熱更新能力。

由于weex-eros安卓端久久不更新，導致開發過程中安卓端總會有那么些問題，需要大家動動手改改SDK源碼，可能需要對原生知識進行補充或者定制開發。

本文針對EROS 2018.10.11 更新的版本進行的介紹

1，屏幕旋轉問題

在android/WeexFrameworkWrapper/app/src/main/AndroidManifest.xml這個文件中，
控制屏幕旋轉，需要添加：

android:screenOrientation="user"
android:configChanges="orientation|keyboardHidden|screenSize"

• screenOrientation表示用戶當前首選方向，如果值是'sensor'，關閉屏幕旋轉也是會旋轉，會根據重力傳感器切換。

• configChanges用于配置橫豎片切換，配置configChanges為以上配置時，切屏不會重新調用各個生命周期，只會執行onConfigurationChanged方法，Activity中的數據不會被銷毀。

2，鍵盤擋住輸入框問題

防止鍵盤擋住輸入框，自動將頁面上頂，需要添加如下配置：

android:windowSoftInputMode="adjustPan"

具體可以參考下圖：

3，點擊對話框背景或按返回按鈕對話框消失

使用Android studio打開WEEX-EROS的Android源碼，然后再源碼中查找ModalManager.java這個SDK源碼文件，將下圖圈起來的位置設置為false即可，對應的是setCancelabel(calcel)這個屬性。

WEEX的Picker模塊如果選項多的話會出現默認選項有多個的情況，需要將Picker模塊的SDK源碼替換成官方github上的最新源碼，官方github源碼地址。

4，iOS屏幕旋轉

EROS本身是不支持橫屏開發的，如果要進行橫屏開發，可以勾選Landscape Left和Landscape Right兩個選項，如下圖。

5， 修改包名修改原生Android工程包名

原生Android工程在打包的時候需要修改Android原生工程的包名，對于WEEX-EROS項目來說，只需要修改Android的gradle.properties的APPLICATION_ID即可。

修改原生iOS工程包名

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依賴了。

6， CocoaPods多個版本切換問題

EROS推薦1.4.0，因為當前使用的WXDevtool插件（1.5.3）基于1.4.0，個人僅發現此插件有問題，可以使用如下的版本來查看本地的CocoaPods版本。

gem list --local | grep cocoapods

然后，可以使用下面的命令來查看當前系統默認使用CocoaPods版本。

pod --version

如果涉及多個CocoaPods版本，那么怎么管理CocoaPods呢？此時，我們需要安裝一個Bundler管理工具。

gem install bundler

使用方法

1.到Podfile文件所在目錄輸入以下命令，創建Bundler的配置文件Gemfile。

bundle init

2.將Gemfile文件修改成以下內容，版本號可根據自己的需求修改。

3.最終，如果要使用指定的CocoaPods去安裝插件只需要在pod命令上加上bundle exec前綴。

bundle exec pod update

以上是“Weex中WEEX-EROS開發的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！