今天修訂每個頁面的文字內容，建立綁定資料庫的菜單，當我執行test mode準備檢查資料庫的數據能不能完成呈現時，卡在其中一個頁面，如下：（心裡崩潰淌血，該不會要在此結束…）

雖然有debug資訊，但我看不出來這是什麼意思，點選出現錯誤的「actionButton」、「 optionsButton」沒有任何反應，Flutterflow在這裏沒有自動除錯的功能，看來只能靠自己了。

除錯過程

1. 找出可能錯誤的頁面

我退出test mode，到storyboard找到出現錯誤碼的頁面，點選後，跟這個頁面有連動的頁面會凸顯，其他頁面會變暗。我是在兩個頁面跳轉時出現黑畫面的，這兩個頁面分別是「Onboarding_slideshow」和「Onboarding」

1. 處理動作按鈕

因為錯誤碼出現在「Button」，於是我到Onboarding_Slideshow找到continue這個按鈕的動作選項設定，如下圖。

看不出來哪裡有問題，如果有問題，應該會在右上角的蟲符號會顯示錯誤訊息，但是它是藍色打勾， 代表資料綁定或是動作邏輯是正確的。

Onboarding頁面的continue按鈕動作設定也沒有出現錯誤訊息

那怎麼在test mode的debug會有錯誤？而且黑畫面？

….上網找不到類似案例，已經準備放棄….

死馬當活馬醫，我點widget tree的每個組件，檢查每個組件的動作設定、資料綁定、變數設定，把我看得懂的項目隨機亂調整…

竟然成功找到黑畫面原因！如下圖，把紅色圈起來的地方「Hide Widget if No Match」關閉，頁面就出現，不再卡。

今天先到這邊，待續…