Skip to content
Kezdőlap » double.infinity – teljes szélesség

double.infinity – teljes szélesség

A double.infinity a Dart-ban egy speciális érték. Ezt tudjuk arra használni, hogy egy widget vízszintesen teljesen kitöltse a rendelkezésre álló helyet.

Példa

Adott mondjuk egy Column widget, ami tartalmaz néhány gombot és így jelenik meg a képernyőn:

Column nem teljes szélességgel

A kódban:

return Column(
      children: [
        const Text('The question...'),
        // ...

Ha azt szeretnénk, hogy a Column a teljes rendelkezésre álló területet kitöltse vízszintesen, akkor először is a Column köré kell egy SizedBox widget.

VSCode-ban dolgozva egy egyszerű művelet. Jobbklikk a Column widget-en, majd a megjelenő menüből a Refactor… opciót kell választani.

Ez után pedig a Wrap with SizedBox-ot:

Wrap with SizedBox

Aztán megadjuk a SizedBox widget width tulajdonságának a double.infinity értéket:

return SizedBox(
      width: double.infinity,

És az eredmény ez lesz:

SizedBox width

Vélemény, hozzászólás?

Az e-mail címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöltük