我想在Flutter中为FloatingActionButton
设置一个大小,我想设置width
/height
,也就是说,让按钮变大,我一直在寻找一个圆形的按钮,但是我找到的唯一一个是这个,所以我开始使用它,但我需要它再大一点。
我想在Flutter中为FloatingActionButton
设置一个大小,我想设置width
/height
,也就是说,让按钮变大,我一直在寻找一个圆形的按钮,但是我找到的唯一一个是这个,所以我开始使用它,但我需要它再大一点。
floatingActionButton: FloatingActionButton.extended(
onPressed: () {
// Add your onPressed code here!
},
extendedPadding:
const EdgeInsets.only(left: 100, right: 100, top: 20, bottom: 20),
label: const Text('Approve'),
icon: const Icon(Icons.thumb_up),
backgroundColor: Colors.pink,
),
floatingActionButtonTheme: const FloatingActionButtonThemeData(
sizeConstraints: BoxConstraints.expand(
width: 60,
height: 60,
),
)
Expanded
来扩大按钮在行或列中的大小。 content: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Row(children: [
Expanded(
child: FloatingActionButton.extended(
https://api.flutter.dev/flutter/material/FloatingActionButton/FloatingActionButton.html
use mini: true
FloatingActionButton(
child: Icon(
Icons.delete
),
onPressed: () {
}, mini: true,
),
试试这个:
floatingActionButton: Container(
height: 50.0,
width: MediaQuery.of(context).size.width * 0.92,
decoration: BoxDecoration(
color: Colors.blue, borderRadius: BorderRadius.circular(30)),
child: Center(
child: Text(
'SAVE',
textAlign: TextAlign.center,
style: TextStyle(
fontWeight: FontWeight.w700,
fontSize: 16.0,
color: whiteTextColor),
),
),
),