วิธี SpaceEvenly และปรับขนาดสองรายการในแถว?

0

คำถาม

ฉันกำลังพยายาม spaceevenly เป็ Icon() และเป็น AutoSizeText() ใน Row(). เมื่อจำนวนเงินโดบประมาณคือราบเท่าที่คุณสามารถมองเห็นในที่ติดภาพมัน renders มือนอย่างที่คาดไว้แต่เมื่อจำนวนเงินโดบประมาณเป็นศูนย์หรือค่อนข้างสั้นที่ 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

ตอนแรกฉันอยากมีพฤติกรรมคล้ายกับคนอวกาศ evenly propery ของแถวฉันต้องการเหมือนอวกาศระหว่างซ้าย-ไอคอน,ไอคอนข้อความข้อความถูกขอบตึกกัน ฉันไม่รู้ว่าจะ achive นั้นแต่เพราะข้อความเปลี่ยนขนาดทันทีที่มันปรับขนาดนั้นที่ spacer ควรจะสามารถปรับขนาดกว่านี้ละกัน ฉันตัดสินใจที่ดีกว่านี้เพิ่งถูกจัดเรียงข้อความยังไงคุณต้องถึงแม้ว่านั่นไม่ใช่สิ่งที่ฉันต้องการแต่ดูเหมือดี
iocomxda

@iocomxda โอ้ถ้าคุณอยากจะมีที่เดียวกันใน 3 ช่องเล็กๆส่งเสียงโหคุณสามารถพยายามที่จะเอา 3 Spacer() วิดเจ็ตสำหรับเรื่องนั้น แต่ข้อความ(การมีต่างออกความกว้าง)จะไม่เรียนกับคนอื่นอยู่ในนั้นบนหน้าที่(เช่นมี $2666 แล้ว $0)ดังนั้นถูกต้องจัดเรียงเป็นส่วนใหญ่เหมือนกันใกล้เข้ามาแล้ว
user1032613

ขอบคุณสำหรับคนแบบไหนอธิบาย! ไม่รู้ใช่มั้ย-เรียนที่สุดเหมือนกันใกล้เข้ามาแล้ว
iocomxda

ในภาษาอื่นๆ

หน้านี้อยู่ในภาษาอื่นๆ

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