可以使用Stack小部件将文本和圆形进度指示器叠加在一起,并使用Positioned小部件来定位它们的位置。然后,通过设置Button的padding属性来控制按钮的大小,从而使其适合文本和圆形进度指示器的大小。
以下是一个示例代码片段:
Stack(
children: [
Center(
child: CircularProgressIndicator(),
),
Center(
child: Text(
'正在加载...',
style: TextStyle(fontSize: 16),
),
),
],
),
Padding(
padding: EdgeInsets.symmetric(vertical: 16.0),
child: RaisedButton(
onPressed: () {},
child: Text('提交'),
),
),
在此示例中,Stack小部件将圆形进度指示器和文本叠加在一起,并使它们在按钮中心对齐。然后,在Padding小部件中设置垂直方向上的padding属性来控制按钮的大小。这将使按钮适合文本和圆形进度指示器的大小,从而避免了按钮在两个元素之间改变大小的问题。
上一篇:按钮在网格中的点击区域出现了问题
下一篇:按钮在我添加文本后会向下移动。