如何将大小设置为FloatingActionButton - Flutter

在Flutter中，可以使用FloatingActionButton组件来创建一个浮动操作按钮。要设置FloatingActionButton的大小，可以使用其属性mini和shape。

mini属性：设置为true时，按钮的大小为小尺寸，设置为false时，按钮的大小为标准尺寸。默认为false。
shape属性：用于定义按钮的形状。可以使用CircleBorder()来创建一个圆形按钮，或者使用RoundedRectangleBorder()来创建一个带有圆角的矩形按钮。可以通过设置borderRadius属性来调整圆角的大小。

下面是一个示例代码，演示如何将大小设置为FloatingActionButton：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('FloatingActionButton Example'),
        ),
        body: Center(
          child: Text('Press the button'),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // 按钮点击事件
          },
          mini: true, // 设置为小尺寸
          shape: CircleBorder(), // 设置为圆形
          child: Icon(Icons.add),
        ),
      ),
    );
  }
}

在上面的示例中，我们创建了一个小尺寸的圆形浮动操作按钮，并在按钮内部放置了一个加号图标。你可以根据需要调整mini和shape属性来设置按钮的大小和形状。

腾讯云相关产品和产品介绍链接地址：