如何像圖片中那樣移動浮動操作按鈕?

uj5u.com熱心網友回復:
你需要floatingActionButtonLocation使用Scaffold. 雖然我找不到部分定位方法,但您可以通過擴展創建自定義類FloatingActionButtonLocation
class CustomFabLoc extends FloatingActionButtonLocation {
@override
Offset getOffset(ScaffoldPrelayoutGeometry scaffoldGeometry) {
return Offset(
scaffoldGeometry.scaffoldSize.width * .25, ///customize here
scaffoldGeometry.scaffoldSize.height - kToolbarHeight,
);
}
}
并使用
return Scaffold(
floatingActionButtonLocation: CustomFabLoc(),
floatingActionButton: FloatingActionButton(
onPressed: () {},
),
);
uj5u.com熱心網友回復:
嘗試這個:
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked, //specify the location of the FAB
floatingActionButton: FloatingActionButton(
onPressed: () {},
tooltip: "Centre FAB",
child: Container(
margin: EdgeInsets.all(15.0),
child: Icon(Icons.add),
),
elevation: 4.0,
),
然后你可以添加你的底欄
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/439617.html
下一篇:dartnull安全的最佳實踐
