Flutter Material“点击更新”按钮

时间:2020-11-07 21:56:55

标签: flutter flutter-layout

您在google app / etc中获得的功能是否有“开箱即用”的实现。底部的按钮出现在哪里,允许您“点击更新”?自定义小吃店似乎不可行,因为您必须拥有标题以及onTap操作。

Tap to update screenshot

2 个答案:

答案 0 :(得分:1)

尝试使用浮动操作按钮

floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
floatingActionButton: ClipRRect(
  borderRadius: BorderRadius.circular(20),
  child: Container(
    height: 40,
    child: RaisedButton(
      color: Colors.blue,
      onPressed: () => {},
      child: Text('Tap to Update'),
    ),
  ),
),

答案 1 :(得分:0)

尝试这种组合

Scaffold(
    bottomNavigationBar: FlatButton(
      child: Text('Flat Button'),
      onPressed: () {},
    ),
    floatingActionButtonLocation:
        FloatingActionButtonLocation.centerFloat,
    floatingActionButton: RaisedButton(
      child: Text('Floating Button'),
      onPressed: () {},
    ),
);