按钮在文本和圆形进度指示器之间改变大小 _编程开发

按钮在文本和圆形进度指示器之间改变大小

创始人

2024-11-04 09:02:07

0次

可以使用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属性来控制按钮的大小。这将使按钮适合文本和圆形进度指示器的大小，从而避免了按钮在两个元素之间改变大小的问题。

上一篇：按钮在网格中的点击区域出现了问题

下一篇：按钮在我添加文本后会向下移动。

按钮在文本和圆形进度指示器之间改变大小

相关内容

热门资讯