From the course: Flutter Essential Training: Build for Multiple Platforms
Unlock the full course today
Join today to access over 24,700 courses taught by industry experts.
Placements and alignments - Flutter Tutorial
From the course: Flutter Essential Training: Build for Multiple Platforms
Placements and alignments
- [Instructor] Design is synonymous to alignments, structuring, and organization. Basically placing the UI elements in the correct order, in the right position, and alignment can make the UI look more pleasing to the users. Now this may be a little straightforward via the design tools, but when you try to do this via code, it can get a little complicated in a lot of languages. But fortunately, Flutter handles it pretty well. Now, like you see the app here, we have the login page opened, and we have some elements placed one after another in the vertical axis. Now, when you have these kind of children of competence placed like this, you may have to, or you may need to align them in a certain way, like aligning all the children to the center, or left, or right. Like by the original design, we want to align the text and the image to the center of the device right here at the center. Let's go to your code and let's try this…
Contents
-
-
-
-
-
Flutter building blocks to know about11m 7s
-
(Locked)
Building basic widgets for the login screen23m 38s
-
(Locked)
Building basic widgets for the chat screen17m 26s
-
(Locked)
Placements and alignments12m 36s
-
(Locked)
Structure: Flexible and expanded6m 17s
-
(Locked)
Creating your own custom widget6m 13s
-
(Locked)
Building dynamic lists3m 34s
-
(Locked)
How to breakdown designs into code?3m 11s
-
(Locked)
Breaking down designs: More examples3m 14s
-
-
-
-
-
-