Understanding Flutter box constraints & the unbounded heights, width error

How box constraints work

  • The flutter framework passes down a constraint to the scaffold automatically
  • The direct child of the Scaffold widget gets the passed down constraint and is bounded by this constraint. In simple terms, this means the direct child of the scaffold is restricted from taking more space than the screen dimension of:
    width->(min:0.0, max:375.0),
    height->(min:0.0, height:812.0)

Unbounded widgets

Unbounded height, width error

--

--

--

Tech guy, building stuff.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Troubleshooting Android chat push notifications in Sendbird

Adding Unit Tests To An Android Project That Uses Coroutines And LiveData

Complete Android Hacking Cheatsheet

How to add screen sharing to your Android app with Sendbird Calls

[Android] Set secret keys as system variables

Generic ListAdapter with Kotlin | Write Once Use More | Recyclerview & Viewpager

(probably opinionated) short list of Android ViewModel Do’s and Don’ts

Top 20 Android Interview Question For Beginners .

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Agboola yusuf

Agboola yusuf

Tech guy, building stuff.

More from Medium

Design project — Habit Tracking App

A Search Bar in Flutter without any External Package

User Interface of the App

Acadia — User Interface

Embedded System