浮动动作按钮中的颤动位置文本？

Question

Is there anyway that I can position text in the extended floating action button.

For example I want to position text at the right corner of the button.

How can I do this ?

Thank you for your help.

Answer 1

The FloatingActionButton in the Scaffold accepts a widget. So you can do something like this:

floatingActionButton: Stack(
        children: [
          FloatingActionButton.extended(
            // label cannot be null, but it's a widget
            // so it can be an empty container or something else
            label: Text("button"), 
            icon: Icon(Icons.add),
            onPressed: () {},
          ),
          Positioned(right: 0.0, top: 0.0, child: Text("text")),
        ],
      ),

Answer 2

尝试使用 Padding 包裹 Text Widget 或将 padding 设置为浮动操作按钮。