在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呈现为圆形。