EdgeInsets

Learn the difference between EdgeInsets.all, only and symmetric.

EdgeInsets

EdgeInsets is the object that defines the spacing amount for Padding and margin. It offers three main constructors: all gives the same value to all four sides, only gives values to specific sides, and symmetric takes separate values for horizontal and vertical.

// All four sides 16
EdgeInsets.all(16.0)

// Only left and right 8
EdgeInsets.only(left: 8, right: 8)

// Horizontal 12, vertical 6
EdgeInsets.symmetric(horizontal: 12, vertical: 6)

all, only, symmetric difference

all(d) gives d to all sides; the simplest option. only(left, top, right, bottom) gives values only to specified sides; unspecified ones stay 0. symmetric(horizontal, vertical) gives separate values for horizontal (left+right) and vertical (top+bottom).

Padding(
  padding: EdgeInsets.symmetric(
    horizontal: 20,
    vertical: 10,
  ),
  child: Text('Simetrik'),
)

Padding(
  padding: EdgeInsets.only(bottom: 30),
  child: Text('Alt boşluk'),
)

Exercise Print EdgeInsets info

In main, print two lines with print: all dort kenar and symmetric yatay dikey.

Show example solution

void main() {
  print('all dort kenar');
  print('symmetric yatay dikey');
}

Test yourself

What does EdgeInsets.symmetric take?
- An empty value
- Separate values for horizontal and vertical
- A single value to all four sides
- Values for specific sides
Show answer

Separate values for horizontal and vertical — symmetric takes separate values for horizontal (left+right) and vertical (top+bottom).

Separate horizontal and vertical

padding: EdgeInsets.____(horizontal: 20, vertical: 10),

Show answer

padding: EdgeInsets.symmetric(horizontal: 20, vertical: 10),

EdgeInsets concepts

EdgeInsets.all

Same value to all four sides
EdgeInsets.only

Values to specific sides
EdgeInsets.symmetric

Separate horizontal and vertical
kurucu seçimi

Based on spacing pattern

Next lesson: Container margin

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies