【发布时间】：2020-03-15 21:39:17
【问题描述】：
我是 Flutter 的新手，但仍然不知道如何以正确的方式做事。我希望标题足够清楚，因为我不知道解决这个问题的正确关键字。首先 sn-p 扩展 StatelessWidget：
class FloatingActionButtonBuilder extends StatelessWidget {
final Function function;
final String text;
final String toolTip;
final IconData icon;
const FloatingActionButtonBuilder({
Key key,
@required this.function,
@required this.text,
@required this.toolTip,
this.icon,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return FloatingActionButton.extended(
onPressed: function,
foregroundColor: Colors.white,
tooltip: '$toolTip',
icon: Icon(
icon,
),
label: Text(
'$text',
style: TextStyle(
fontSize: 16.0,
),
),
);
}
}
第二次sn-p普通班：
class FloatingActionButtonBuilder2 {
final BuildContext context;
final Function function;
final String text;
const FloatingActionButtonBuilder2({
@required this.context,
@required this.function,
@required this.text,
});
Widget buildFAB(String toolTip, IconData icon) {
return FloatingActionButton.extended(
onPressed: function,
foregroundColor: Colors.white,
tooltip: '$toolTip',
icon: Icon(
icon,
),
label: Text(
'$text',
style: TextStyle(
fontSize: 16.0,
),
),
);
}
}
我一直在使用的是普通的。最初，我制作了扩展 StatelessWidget，但后来我决定不这样做，因为我认为无论如何都没有区别并且没有考虑太多。现在，我的大脑不知从何而来想知道专家对这个特殊案例的看法，我们深表感谢深入的建议。而且我注意到使用覆盖构建功能我不需要 BuildContext 作为依赖项。
编辑： 使用 extends StatelessWidget 的页面片段（Scaffold 的floatingActionButton 属性）：
class Test extends StatefulWidget {
@override
_TestState createState() => _TestState();
}
class _TestState extends State<Test> {
final String text = 'PUSH';
final IconData icon = Icons.add;
void push() {
Navigator.of(context).push(
MaterialPageRoute(
builder: (context) => Test3(),
),
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButton: FloatingActionButtonBuilder(
function: push,
text: text,
toolTip: text,
icon: icon,
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Text(
'PUSH PAGE',
style: TextStyle(
fontSize: 32.0,
),
),
Text(
'EXTENDS CLASS',
style: TextStyle(
fontSize: 32.0,
),
),
],
),
),
);
}
}
使用常规类的页面片段（Scaffold 的floatingActionButton 属性）：
class Test3 extends StatefulWidget {
@override
_Test3State createState() => _Test3State();
}
class _Test3State extends State<Test3> {
final String text = 'POP';
final IconData icon = Icons.remove;
void pop() {
Navigator.of(context).pop();
}
@override
Widget build(BuildContext context) {
return Scaffold(
floatingActionButton: FloatingActionButtonBuilder2(
context: context,
function: pop,
text: text,
).buildFAB(text, icon),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Text(
'POP PAGE',
style: TextStyle(
fontSize: 32.0,
),
),
Text(
'REGULAR CLASS',
style: TextStyle(
fontSize: 32.0,
),
),
],
),
),
);
}
}
【问题讨论】：
-
如果你想让你的类有 UI，它需要是一个 Widget（有状态或无状态），因为这个类是 Flutter 所期望的，它包含 Flutter 翻译它所需的所有数据和逻辑类变成屏幕上的图形。如果你只给 Flutter 一些随机的课程，并期望它能够读懂你的想法并知道如何处理它，那么你将度过一段糟糕的时光。
-
两个 sn-ps 都可以正常工作，返回 FloatingActionButton。我想知道在实际实现中哪种方法更好以及原因。
-
那么你需要展示你是如何使用第二个 sn-p 的，因为它不能以大多数 Flutter 小部件所期望的方式使用。 （例如，您不能将非 Widget 类用作容器的子类。即，此代码无法编译：
Container(child: FloatingActionButtonBuilder2(...))） -
我应该把实现放在哪里，我应该只编辑我的帖子吗？
-
编辑你的帖子，展示你是如何实现both sn-ps的。