Flutter 每週尤物－第八週：FloatingActionButton

FloatingActionButton 是一個（通常會）顯示在畫面右下角的圓形按鈕，讓用戶便於進行常用操作，例如：寫新文章、撥打電話⋯⋯等。

就像字面上的意思，它使終會飄浮在一個頁面的角落，不占用原本畫面的板面；預設使用 Material 設計語言，美觀、不跑版。

設置在正下方的 Floating Action Button

  

在 Flutter 中的 Scaffold，就有一個參數「floatingActionButton」可以用來建立按鈕。

 

也可以再建立底部導覽列，搭配 FloatingActionButton 使用，它會貼合導覽列。

而 floatingActionButtonLocation 參數，可以決定按鈕的位置與如何和導覽列（Bottom Navigation Bar）的配合。本例中的「FloatingActionButtonLocation.endDocked」即是「在右下角，並與導覽列貼合」。 

執行結果