Flutter中FloatingActionButton的渐变背景 [英] Gradient background on FloatingActionButton in Flutter

问题描述

是否可以将FAB的backgroundColor设置为渐变色而不是纯色?

Is it possible to set backgroundColor of FAB to gradient instead of plain color?

我的按钮:

floatingActionButton: FloatingActionButton(
    backgroundColor: const Color(0xFFFF006E),
    child: const Icon(Icons.add, size: 40.0),
    onPressed: () {
        print('Start');
    },
),

推荐答案

floatingActionButton: FloatingActionButton(
  child: Container(
    width: 60,
    height: 60,
    child: Icon(
      Icons.add,
      size: 40,
    ),
    decoration: BoxDecoration(
      shape: BoxShape.circle,
      gradient: LinearGradient(colors: [Colors.red, Colors.blue])
    ),
  ),
  onPressed: () {},
)

这篇关于Flutter中FloatingActionButton的渐变背景的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！