如何在颤动中设置 FloatingActionButton 的背景透明？答案

【问题标题】：How to set FloatingActionButton's background transparent in flutter?如何在颤动中设置 FloatingActionButton 的背景透明？
【发布时间】：2018-09-30 07:44:22
【问题描述】：

如何设置FloatingActionButton的背景透明，挡住ListView？

这是我的代码：

FloatingActionButton(
    isExtended: false,
    backgroundColor: Colors.blue,
    foregroundColor: Colors.white,
    child: new Icon(Icons.add),
    onPressed: () {}
)

这里是Scaffold的body的结构：

body : new Column (
           children : <Widget>[
               new Expanded (
                   child : new ListView.builder() //ListView.builder
               ), //Expanded

               new FloatingActionButton () //FloatingActionButton
           ] //<Widget>[]
        ) //Column

我也尝试用Container 包裹它，然后应用容器的背景透明，但它不起作用。

以及如何将其与父级的bottom|end（Scaffold 的body）对齐？

【问题讨论】：

您如何使用FloatingActionButton？如果在floatingActionButton: Scaffold 属性中使用它，顾名思义，它会漂浮在主体之上，所以你不应该做任何特别的事情。
@chemamolins 在Scaffold 内部，有一个appBar，在body 内部之后，主要部件是Column，在Column 内部第一个部件是Expanded 包含@987654342 @，第二个小部件是FloatingActionButton。

标签： android dart flutter

【解决方案1】：

你应该在floatingActionButton:Scaffold属性中设置它，就像flutter create命令创建的示例项目一样。

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text(widget.title),
      ),
      body: new Center(),
      floatingActionButton: new FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: new Icon(Icons.add),
      ),
    );
  }

【讨论】：

我怎样才能放多个FloatingActionButtons？ Scaffold 似乎只接受一个。
您可以在floatingActionButton:property 中使用列或行。并在里面放了两个FloatingActionButton 小部件。