하는 방법 SpaceEvenly 하는 크고 두 항목에서 행?

0

질문

내가 노력하고 spaceevenlyIcon()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

면 나는 당신을 올바르게 당신이 원하는 오른쪽 정렬 텍스트,하지 센터들.

그것을 달성하기 위해,사용하십시오 single 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ý
..................................................................................................................