> 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

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

```

![](/files/-MWBCdnbWj8OJl_CDe29)