flutter跳轉原生頁面后的穿透問題

現象：

站在用戶的角度思考問題，與客戶深入溝通，找到雙清網站設計與雙清網站推廣的解決方案，憑借多年的經驗，讓設計與互聯網技術結合，創造個性化、用戶體驗好的作品，建站類型包括：成都網站制作、成都網站建設、企業官網、英文網站、手機端網站、網站推廣、域名申請、網站空間、企業郵箱。業務覆蓋雙清地區。

flutter頁面通過present跳轉原生頁面后，原生頁面上的點擊會首先響應下面的flutter頁面中的內容（比如按鈕什么的）。

這是flutter框架一直存在的一個bug。在github上有相關的issue。

原因推測：

推測是flutter對控制器（或者view）加了分類，重寫了控制器的點擊事件，用來計算是否在對應的點擊位置有flutter響應事件。沒有的話再扔出去點擊事件。

解決方案1：

在原生控制器中，加入點擊事件的幾個方法的空實現，用以覆蓋flutter框架中的實現：

-(void)touchesBegan:(NSSetUITouch * *)touches withEvent:(UIEvent *)event{

}

-(void)touchesMoved:(NSSetUITouch * *)touches withEvent:(UIEvent *)event{

}

-(void)touchesCancelled:(NSSetUITouch * *)touches withEvent:(UIEvent *)event{

}

-(void)touchesEnded:(NSSetUITouch * *)touches withEvent:(UIEvent *)event{

}

讓事件不被flutter截獲即可。

解決方案2：

直接切換window的根控制器到原生控制器即可。別忘暫時保存flutter控制器。

在返回時再切換回flutter中。

解決方案3：

在flutter跳轉到原生頁面之前，在flutter中加上一個蒙層，用來隔絕手勢往flutter下面的view傳遞。原生頁面返回flutter時再移除這個蒙層。

flutter刷新頁面的方法

這種方法最常見，但是有些地方引用的話，刷新的成本比較大，刷新的是整個頁面，數據太多加載太慢的話，會有閃爍的現象

這種方法類似于iOS中的set方法，通過設置某個屬性的時候，去刷新某個控件。在flutter中這種刷新方式，是對上面setState(){}方法的改進，根本的方法還是setState(){}，只不過是通過方法去刷新某個控件。如下：

首先在pubspec.yaml中添加provider依賴

下面通過provider來實現一個發送驗證碼的案例。

創建一個TimerModel文件

頁面布局如下：

flutter頁面的繪制和管理

Element管理Widget和RenderObject。

widget保持顯示當前的頁面狀態，當widget產生點擊等交互，調用setState()改變element中管理的state，

Flutter頁面導航

返回用navigator的pop方法

使用navigator的pushNamed方法push到對應的頁面

在導航的目的頁面的build方法里用ModalRoute.of(context)方法獲取需要的參數：

第二個頁面返回到第一個頁面的時候如果要帶參數，可以使用async異步方法來實現

用navigator的push方法，在頁面的初始化方法中傳遞參數：