> For the complete documentation index, see [llms.txt](https://haluk-hackali.gitbook.io/flutter-dart-notes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://haluk-hackali.gitbook.io/flutter-dart-notes/flutter/expanded-widget.md).

# 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

```dart
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'),
            ),
          ),
        ],
      ),

```

![](https://1935741241-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MWB5D1N-Jac2s04F5Rs%2F-MWBBHI3BsOMzY3BweJO%2F-MWBCdnbWj8OJl_CDe29%2FScreenshot_20210319_233333.png?alt=media\&token=c9e071ec-e566-4620-ad44-85a6e67f6c05)