提问者:小点点

(颤抖)按钮按下后改变它的外观?


我正在做一个应用程序,利用不同的按钮。我如何使一个按钮“看起来按下了”,并使它在我按下一个不同的按钮后变为正常?我对flutter还是个新手,我真的很纠结于这个任务。

它应该和图片上的例子具有相同的功能。谢谢你帮我!:)

示例


共2个答案

匿名用户

您共享的图像中的项目不是按钮,而是选项卡。您可以通过以下方式将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。然后您可以设置一个三值运算符来在不同的按钮样式之间切换。