Flutter ElevatedButton 形状 - 矩形

问题描述 投票:0回答:1

这应该是有史以来最简单的一个。

离开多年后,我又回来了,因为我被迫更新我的旧应用程序。 一切都变了!

我正在尝试制作一个方形的

ElevatedButton
。 默认值具有稍微圆润的边缘,当我制作屏幕宽度的按钮时,这看起来很奇怪。

我想知道的是如何使这个按钮成为正方形。 就是这样! 没有技巧!

ElevatedButton 具有:

ElevatedButton.styleFrom(
    shape:  ???,
),

但是我在网上找不到任何关于我的形状选择的信息。 只有几个例子说明如何将其变成圆形或斜角或几乎所有您能想到的形状(除了简单的矩形之外):D

flutter
1个回答
3
投票

尝试下面的代码:

ElevatedButton
ButtonStyle
BorderRadius

ElevatedButton(
  style: ElevatedButton.styleFrom(
    shape: RoundedRectangleBorder(
      borderRadius: BorderRadius.circular(20),
      //borderRadius: BorderRadius.zero, //Rectangular border
    ),
  ),
  onPressed: () {},
  child: const Text(
    'Submit',
  ),
),

结果-> image

© www.soinside.com 2019 - 2024. All rights reserved.