Question

我是 Flutter 的新手，并且正在尝试更改FloatingActionButton的子图标颜色。儿童图标颜色默认为白色。

我怎样才能改变？

以下是我所使用的代码。

floatingActionButton: new FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: new Icon(Icons.add),
        backgroundColor: Colors.yellow,

      ), // This trailing comma makes auto-formatting nicer for build methods.
    );

谢谢。

Answer 1

您可以换入IconTheme

child: new IconTheme(
    data: new IconThemeData(
        color: Colors.yellow), 
    child: new Icon(Icons.add),
),

或Theme，其中iconTheme按您希望的方式设置

（未经测试）

Answer 2

要更改子图标的颜色，您必须在Icon（）小部件中设置颜色。

我在这里分享我设置了红色的代码片段。

floatingActionButton: FloatingActionButton(
        tooltip: 'Increment',
        child: new Icon(Icons.add, color: Colors.red,),
        backgroundColor: Colors.yellow,
      ),

Answer 3

Flutter v17.4

如果您只想更改图标的颜色，这对我有用。

floatingActionButton: FloatingActionButton(
    child: Icon(Icons.add,
      color: Colors.black, //The color which you want set.
    ),
    onPressed: () => {},
  ),

Flutter更改FloatingActionButton的子图标颜色

3 个答案: