如何SpaceEvenly和调整两个项目在行?

0

的问题

我在努力 spaceevenly 一个 Icon() 和一个 AutoSizeText() 在一个 Row(). 当量,只要你能看见所附的图像呈现不如预期,但当量为零或很短的, AutoSizeText() 正在为中心,但是这个原因,距离相同的边缘,不再保留。 有一个额外的距离所造成的中心。 我不知道如何来解决这个问题。

编辑。 如果不是明确的,我指的粉红色购物袋里的图标和数量表明在"Riepilogo Settimanale"部分。 如果你看一下餐厅标及其数量,可以发现他们是如何不集中,他们靠近左边缘。

orginal view

enter image description here

Container(
      decoration: BoxDecoration(
        color: Colors.white,
        borderRadius: BorderRadius.circular(20),
      ),
      width: size.width * 0.3,
      height: size.height,
      // height: size.height * 0.055,
      child: Row(
        children: [
          Spacer(),
          Expanded(
            flex: 3,
            child: Container(
              child: LayoutBuilder(
                builder: (context, constraint) {
                  return Icon(
                    icona,
                    color: colore,
                    size: constraint.biggest.width * 1,
                  );
                },
              ),
            ),
          ),
          Spacer(),
          Expanded(
            flex: 6,
            child: Center(
              child: AutoSizeText(
                importo,
                style: TextStyle(
                  fontSize: 20,
                  fontWeight: FontWeight.bold,
                  color: colore,
                ),
                maxLines: 1,
              ),
            ),
          ),
          Spacer(),
        ],
      ),
    )
android dart flutter flutter-layout
2021-11-23 20:16:17
1

最好的答案

1

如果我理解正确的话,你想要的权利-齐文本、未中心。

为了实现这一目标,考虑使用一个单一的 Spacer() 在两者之间的标和案文。 外面的间隔(保证金和填补),可以使用 Padding 部件替代。

2021-11-24 00:29:45

首先,我希望有一个行为类似于空间的均匀性能行,我想同样的空间之间的左边缘图、图标文文本权利的边缘。 我不知道如何实现,但是,因为该文本的变化大小,只要它调整,这样的间隔应当能够调整相应。 我决定,是更好只是正确的调整文本如何你的建议,即使这并不是我想要的,但似乎体面的
iocomxda

@iocomxda,哦,如果你想有同样的空间中的3差距,你可以尝试把3 Spacer() 部件。 但是,案文的(具有不同的宽度)不会与每一个其他的网页(具有喜欢 $2666$0),以正确对准是最常见的方法。
user1032613

谢谢你的那种解释! 不知道右致是最常见的方法。
iocomxda

其他语言

此页面有其他语言版本

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................