我正在做一个应用程序,利用不同的按钮。我如何使一个按钮“看起来按下了”,并使它在我按下一个不同的按钮后变为正常?我对flutter还是个新手,我真的很纠结于这个任务。
它应该和图片上的例子具有相同的功能。谢谢你帮我!:)
示例
您共享的图像中的项目不是按钮,而是选项卡。您可以通过以下方式将tab添加到代码中:
Widget build(BuildContext context) {
return MaterialApp(
home: DefaultTabController(
length: 3,
child: Scaffold(
appBar: AppBar(
bottom: TabBar(
tabs: [
Tab(icon: Icon(Icons.directions_car)),
Tab(icon: Icon(Icons.directions_transit)),
Tab(icon: Icon(Icons.directions_bike)),
],
),
title: Text('Tabs Demo'),
),
body: TabBarView(
children: [
Icon(Icons.directions_car),
Icon(Icons.directions_transit),
Icon(Icons.directions_bike),
],
),
),
),
);
}
如果你想要一个类似于图像的选项卡,你可以把这个插件添加到你的代码中。
您可以为存在按钮的main StatefulWidget的state类中的每个按钮设置一个布尔字段(如_isSelected)。然后在onPressed方法中,调用setState将值更改为true。然后您可以设置一个三值运算符来在不同的按钮样式之间切换。