我创建了一个带有一个浮动操作按钮的计数器应用程序。
如果我想再添加一个按钮来重置计数器,我可以在底部栏的哪里添加第二个浮动操作按钮?
另外,我必须在void部分添加任何方法,或者是否有任何可用的重置计数器功能?
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Counter App',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Counter App'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Text('You have pressed the button $_counter times.'),
),
bottomNavigationBar: BottomAppBar(
child: Container(
height: 50.0,
),
),
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() {
_counter++;
}),
tooltip: 'Increment Counter',
child: Icon(Icons.add),
),
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
);
}
}
字符串
7条答案
按热度按时间bttbmeg01#
Scaffold
widget上的floatingActionButton
属性不一定需要接受FloatingActionButton
widget。它也可以接受Column
或Row
widget。下面,我将分享我的Scaffold小部件示例,其中两个浮动操作按钮彼此重叠。
字符串
llycmphe2#
您可以使用flutter_speed_dial包:https://pub.dartlang.org/packages/flutter_speed_dial
在上面的链接有一个例子,展示了如何使用它。你必须使用
SpeedDial
类和children[]
上,你可以添加一些按钮与SpeedDialChild
。下面的例子显示了2个FAB。使用它的示例:
字符串
结果:
的数据
ha5z0ras3#
是的,它的工作..!
字符串
x1c 0d1x的数据
inkz8wg94#
根据medium post
您可以使用列(垂直对齐)或行部件(水平对齐)与2 FAB作为孩子,只是设置英雄标签空或分配不同的英雄标签。
z0qdvdin5#
您可以通过设置“heroTag:null”来设置它,如下所示:
字符串
guykilcj6#
我用这个修复了它,也可以在按钮之间添加空间,你可以添加一个宽度和“英雄”标签是非常重要的。
字符串
enter image description here
plupiseo7#
在Flutter文档中,我们可以在单个屏幕上最多使用一个浮动操作按钮。我们可以使用RawMaterialButton()小部件来实现。这个小部件是浮动操作按钮的父部件
差不多吧
字符串