如何在带有图标和秒表的flutter中向右侧添加按钮的行中添加按钮?

时间:2019-10-09 09:49:42

标签: flutter flutter-layout

因此,在学习颤动的同时,我试图添加一个具有两个按钮的行。

-首先在左侧显示播放和暂停图标,并带有秒表(假设从左20分钟开始)。

-单击该按钮,我试图显示一个从底部弹出的屏幕。

-其次,右侧的按钮具有文本提交和单击功能,它们是相同的,即从屏幕底部打开一个弹出窗口。

我要复制的模拟图像: mock

P.S 我是一位尝试此新事物的Web开发人员,因此非常感谢您的帮助或参考。 谢谢。

1 个答案:

答案 0 :(得分:1)

由于您没有共享任何代码,所以我为您提供了一个方法。

创建一个Row小部件,例如:

Row(
  children: <Widget>[
    IconButton(icon: Icon(Icons.pause), onPressed: _showSheet),
    Text("19:26"),
    Spacer(),
    FlatButton(onPressed: _showSheet, child: Text("Submit")),
  ],
)

并将_showSheet()方法定义为:

_showSheet() {
  showModalBottomSheet(context: context, builder: (_) => YourImplementation());
}