SizedBox

Learn to give fixed size or spacing with SizedBox.

SizedBox

SizedBox is a widget that creates a fixed-size box. Its width and height parameters give exact dimensions; the child sits inside that box. When used without a child, it acts as a fixed spacing tool.

SizedBox(
  width: 100,
  height: 50,
  child: Text('Kutu'),
)

// Without child: fixed spacing
SizedBox(height: 16)

width and height

SizedBox's width parameter sets the horizontal dimension and height the vertical. If you provide one and leave the other empty, the missing dimension stays flexible to match the child. For example SizedBox(height: 20) leaves only vertical spacing; the horizontal size adjusts to the child or parent.

// Height only
SizedBox(height: 20, child: Text('İnce'))

// Both width and height
SizedBox(
  width: 200,
  height: 100,
  child: Container(color: Colors.blue),
)

Exercise Print SizedBox info

In main, print two lines with print: sizedbox sabit and width height.

Show example solution

void main() {
  print('sizedbox sabit');
  print('width height');
}

Test yourself

What is the SizedBox widget used for?
- For a fixed-size box or spacing
- To give color
- To play animations
- To display text
Show answer

For a fixed-size box or spacing — SizedBox creates a fixed-size box; when used without a child it acts as a fixed spacing tool.

Give a fixed height

SizedBox(
  ____: 50,
  child: Text('Kısa'),
)

Show answer

SizedBox(
  height: 50,
  child: Text('Kısa'),
)

SizedBox concepts

SizedBox

Fixed-size box
width

Horizontal dimension
height

Vertical dimension
çocuksuz SizedBox

Fixed spacing tool

Next lesson: The Center widget

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies