Flutter佈局錦囊---屏幕頂部提醒

設計給的效果如下： 拿到設計後，先把整體拆分成幾個部分： 「提醒頁面」，顯示在屏幕上方的文字提醒頁面，不會覆蓋原路由頁面。 「路由導航」，使用Flutter的路由與導航組件來推（push）提醒頁面。 「倒計時拋」，使用Flutter的倒計時組件自動拋（pop）提醒頁面。 「過渡動畫」，爲推（push）和拋（pop）提醒頁面的過程添加動畫效果。 然後就可以開始進行編碼了。 第1步：繪製組件樹 第2步

>>阅读原文<<