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,,]