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

現(xiàn)象：

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

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

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

原因推測：

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

解決方案1：

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

-(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刷新頁面的方法

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

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

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

下面通過provider來實現(xiàn)一個發(fā)送驗證碼的案例。

創(chuàng)建一個TimerModel文件

頁面布局如下：

flutter頁面的繪制和管理

Element管理Widget和RenderObject。

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

Flutter頁面導航

返回用navigator的pop方法

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

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

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

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