添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

flutter floatingactionbutton 大小

Flutter中的FloatingActionButton(浮动操作按钮)的大小可以通过修改其属性来调整。具体来说,可以通过更改FloatingActionButton的直径(diameter)属性或通过设置它的尺寸(size)属性来控制其大小。

  • 直径属性:
  • FloatingActionButton的直径(diameter)默认值为56,可以使用该属性来更改其大小。例如,将其值设置为80:

    FloatingActionButton(
      child: Icon(Icons.add),
      onPressed: () {},
      backgroundColor: Colors.blue,
      foregroundColor: Colors.white,
      elevation: 2.0,
      highlightElevation: 8.0,
      mini: false,
      shape: CircleBorder(),
      clipBehavior: Clip.none,
      materialTapTargetSize: MaterialTapTargetSize.padded,
      isExtended: false,
      tooltip: 'Add',
      heroTag: 'add',
      key: Key('add'),
      // 更改直径
      diameter: 80,
    
  • 尺寸属性:
  • FloatingActionButton的尺寸(size)属性可以通过设置宽度(width)和高度(height)来控制其大小。例如,将其宽度和高度都设置为80:

    FloatingActionButton(
      child: Icon(Icons.add),
      onPressed: () {},
      backgroundColor: Colors.blue,
      foregroundColor: Colors.white,
      elevation: 2.0,
      highlightElevation: 8.0,
      mini: false,
      shape: CircleBorder(),
      clipBehavior: Clip.none,
      materialTapTargetSize: MaterialTapTargetSize.padded,
      isExtended: false,
      tooltip: 'Add',
      heroTag: 'add',
      key: Key('add'),
      // 设置尺寸
      size: Size(80, 80),
    

    请注意,如果设置了尺寸属性,则直径属性将被忽略。

    希望这些信息对您有所帮助!

  •