[Flutter]将FloatingActionButton变成圆形

458 阅读1分钟

在Flutter中,要将FloatingActionButton变成圆形,您可以使用shape属性并设置为CircleBorder

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('Circular FloatingActionButton')),
        body: Center(
          child: Container(),
        ),
        floatingActionButton: FloatingActionButton(
          onPressed: () {
            // 添加您的操作代码
          },
          child: Icon(Icons.add),
          shape: CircleBorder(),
        ),
      ),
    );
  }
}

在这个示例中,我们创建了一个FloatingActionButton,并将其shape属性设置为CircleBorder()。这将使FloatingActionButton呈现为圆形。