Flutter 在颤振中放置两个浮动动作按钮
如何在颤振中定位多个浮动动作按钮。特别是我需要一个按钮在屏幕的右下角,另一个在左上角 使用列并在其中添加两个浮动按钮一个在左上角,另一个在右下角Flutter 在颤振中放置两个浮动动作按钮,flutter,floating-action-button,Flutter,Floating Action Button,如何在颤振中定位多个浮动动作按钮。特别是我需要一个按钮在屏幕的右下角,另一个在左上角 使用列并在其中添加两个浮动按钮一个在左上角,另一个在右下角 Column( crossAxisAlignment: CrossAxisAlignment.stretch, children: <Widget>[ Align( alignment: Alignment.topLeft,
Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Align(
alignment: Alignment.topLeft,
child: FloatingActionButton(
tooltip: 'Increment',
child: Icon(Icons.add),
),
),
Expanded(
child: Align(
alignment: Alignment.bottomRight,
child: FloatingActionButton(
tooltip: 'Increment',
child: Icon(Icons.add),
),
),
)
],
),
使用列并在其中添加两个浮动按钮一个在左上角,另一个在右下角
Column(
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
Align(
alignment: Alignment.topLeft,
child: FloatingActionButton(
tooltip: 'Increment',
child: Icon(Icons.add),
),
),
Expanded(
child: Align(
alignment: Alignment.bottomRight,
child: FloatingActionButton(
tooltip: 'Increment',
child: Icon(Icons.add),
),
),
)
],
),
检查以下代码和屏幕截图,这可能会对您有所帮助:
检查以下代码和屏幕截图,这可能会对您有所帮助: 为了实现这一点,您可以使用带有定位的stack小部件,例如: 进口“包装:颤振/材料.省道”; 导入“包:google_-maps_-flatter/google_-maps_-flatter.dart”; 真空总管{ runAppMyApp; } 类MyApp扩展了无状态小部件{ //此小部件是应用程序的根。 @凌驾 小部件构建上下文上下文{ 返回材料PP 标题:“地图和浮动按钮演示”, 主题:主题数据 主样本:颜色。蓝色, 视觉密度:视觉密度。自适应平台密度, , 主页:MyHomePagetitle:“地图和浮动按钮演示”, ; } } 类MyHomePage扩展StatefulWidget{ MyHomePage{Key Key,this.title}:superkey:Key; 最后的字符串标题; @凌驾 _MyHomePageState createState=>\u MyHomePageState; } 类_MyHomePageState扩展状态{ 谷歌地图控制器; 变量初始位置= 摄像机位置目标:LatLng-27.56,-58.58,变焦:12; void mapControllerCreatedGoogleMapController控制器{ mapController=控制器; } @凌驾 小部件构建上下文上下文{ 返回脚手架 机构:儿童:[ 谷歌舆图 ZoomControl启用:false, zoomGesturesEnabled:对, mapToolbarEnabled:true, 符合条件:错误, myLocationButtonEnabled:正确, initialCameraPosition:initialLocation, onMapCreated:mapControllerCreated, onCameraMove:位置{}, onCameradle:{}, , 定位 前50名, 右:20,, 子:浮动操作按钮 孩子:IconIcons.textsms\u sharp, 背景颜色:Colors.blue, heroTag:1, 按下按钮:{ //在媒体上做点什么 }, , 定位 前50名, 左:20,, 子:浮动操作按钮 孩子:IconIcons.check, 背景颜色:Colors.blue, heroTag:1, 按下按钮:{ //在媒体上做点什么 }, , 定位 底数:50, 左:20,, 子:浮动操作按钮 child:IconIcons.search, 背景颜色:Colors.blue, heroTag:1, 按下按钮:{ //在媒体上做点什么 }, , ], ; } } 这里是一个截图: 您可以使用带有定位的堆栈小部件来实现这一点,例如: 进口“包装:颤振/材料.省道”; 导入“包:google_-maps_-flatter/google_-maps_-flatter.dart”; 真空总管{ runAppMyApp; } 类MyApp扩展了无状态小部件{ //此小部件是应用程序的根。 @凌驾 小部件构建上下文上下文{ 返回材料PP 标题:“地图和浮动按钮演示”, 主题:主题数据 主样本:颜色。蓝色, 视觉密度:视觉密度。自适应平台密度, , 主页:MyHomePagetitle:“地图和浮动按钮演示”, ; } } 类MyHomePage扩展StatefulWidget{ MyHomePage{Key Key,this.title}:superkey:Key; 最后的字符串标题; @凌驾 _MyHomePageState createState=>\u MyHomePageState; } 类_MyHomePageState扩展状态{ 谷歌地图控制器; 变量初始位置= 摄像机位置目标:LatLng-27.56,-58.58,变焦:12; void mapControllerCreatedGoogleMapController控制器{ mapController=控制器; } @凌驾 小部件构建上下文上下文{ 返回脚手架 机构:儿童:[ 谷歌舆图 ZoomControl启用:false, zoomGesturesEnabled:对, mapToolbarEnabled:true, 符合条件:错误, myLocationButtonEnabled:正确, initialCameraPosition:initialLocation, onMapCreated:mapControllerCreated, onCameraMove:位置{}, onCameradle:{}, , 定位 前50名, 右:20,, 子:浮动操作按钮 孩子:IconIcons.textsms\u sharp, 背景颜色:Colors.blue, heroTag:1, 按下按钮:{ //在媒体上做点什么 }, , 位置 内德 前50名, 左:20,, 子:浮动操作按钮 孩子:IconIcons.check, 背景颜色:Colors.blue, heroTag:1, 按下按钮:{ //在媒体上做点什么 }, , 定位 底数:50, 左:20,, 子:浮动操作按钮 child:IconIcons.search, 背景颜色:Colors.blue, heroTag:1, 按下按钮:{ //在媒体上做点什么 }, , ], ; } } 这里是一个截图:
您可以尝试将晶圆厂放在堆栈中并对齐。您可以尝试将晶圆厂放在堆栈中并对齐there@GenchiGenbutsu:不确定他的要求,我想把这些按钮放在Google地图小部件的顶部,我应该在哪里添加地图小部件?@GenchiGenbutsu:不确定他的要求,我想把这些按钮放在GoogleMap小部件的顶部,我应该在哪里添加地图小部件?我想把这些按钮放在GoogleMap小部件的顶部,我应该在哪里添加地图小部件?@pz7而不是使用列堆栈[Align alignment:alignment.topLeft,child:floatingActionButtonPressed:{},子项:IconIcons.add,,GoogleMap mapType:mapType.hybrid,initialCameraPosition:_kGooglePlex,onMapCreated:GoogleMapController控制器{{{u controller.completecontroller;},,对齐对齐:对齐。右下角,子项:floatingActionButtonNopressed:{},子项:IconIcons.add,,]我想将这些按钮放在Google地图小部件的顶部,我应该在哪里添加地图小部件?@pz7而不是使用Stack[Align-alignment:alignment.topLeft,child:floatingActionButtonNopressed:{},子项:IconIcons.add,,GoogleMap mapType:mapType.hybrid,initialCameraPosition:_kGooglePlex,onMapCreated:GoogleMapController控制器{{{u controller.completecontroller;},,对齐对齐:对齐。右下角,子项:floatingActionButtonNopressed:{},子项:IconIcons.add,,]