Expanded Widget

Flutter için öğrenilecekler listesi;

Expanded()

Benzer widget'lerden birinin mümkün olan alana esnetmek istersek kullanabiliriz. iki adet Expanded() widgetimiz varsa flex:1, flex:2, flex:1, faktörle genişlemelerini birbirlerine oranlayabiliriz. Nerde işimize yarar? Örneğin Column widgetin içinde bir sürü children widgete sahibiz. Bu children widgetlerden bazılarının kalan alanlara esneyerek genişlemesinizi istiyoruz. O zaman bu widgetleri expanded içine alarak genişletebiliriz

Column(
        children: [
          Expanded(
            flex: 1,
            child: Padding(
              padding: const EdgeInsets.all(12.0),
              child: Image.asset('images/yemekler/corba_1.jpg'),
            ),
          ),
          Expanded(
            flex: 2,
            child: Padding(
              padding: const EdgeInsets.all(12.0),
              child: Image.asset('images/yemekler/yemek_1.jpg'),
            ),
          ),
          Expanded(
            flex: 1,
            child: Padding(
              padding: const EdgeInsets.all(12.0),
              child: Image.asset('images/yemekler/tatli_1.jpg'),
            ),
          ),
        ],
      ),