如何更改FloatingActionButton的大小？

Question

如何更改FloatingActionButton的大小？

113

我想在Flutter中为FloatingActionButton设置一个大小，我想设置width/height，也就是说，让按钮变大，我一直在寻找一个圆形的按钮，但是我找到的唯一一个是这个，所以我开始使用它，但我需要它再大一点。

- Joseph Arriaza

15个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Muhammad Zakaria · Answer 1

您可以使用 extendedPadding。这对我很有效。

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,
  ),

- Dennis Lim · Answer 2

请在主题中使用以下选项。

floatingActionButtonTheme: const FloatingActionButtonThemeData(
  sizeConstraints: BoxConstraints.expand(
    width: 60,
    height: 60,
  ),
)

- ubershmekel · Answer 3

我使用了Expanded来扩大按钮在行或列中的大小。

    content: Column(
      mainAxisSize: MainAxisSize.min,
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        Row(children: [
          Expanded(
              child: FloatingActionButton.extended(

- Arvind Kumar · Answer 4

-1

https://api.flutter.dev/flutter/material/FloatingActionButton/FloatingActionButton.html

use mini: true

FloatingActionButton(
        child: Icon(
          Icons.delete
        ),
        onPressed: () {
        }, mini: true,
      ),

- Arvind Kumar

2

虽然这段代码可能解决了问题，但包括解释如何以及为什么解决该问题将真正有助于提高您的帖子质量，并可能导致更多人点赞。请记住，您正在回答未来读者的问题，而不仅是现在提问的人。请[编辑]您的答案以添加解释并指示适用的限制和假设。请注意，解释的链接是受欢迎的，但此处的摘要更受欢迎。 - Yunnosch

我试图帮助您进行格式设置，但不确定第一行和最后一行。请使用 https://stackoverflow.com/editing-help 进行双重检查。 - Yunnosch

- Ruel Ybañez · Answer 5

试试这个：

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),
      ),
    ),
  ),