\newline Logo
Left arrow icon.
Go to Preview Lesson
Go to Preview Lesson
LESSON 4.5Layout basics
Course Thumbnail of Line-of-Business Mobile Apps with Flutter and Dart.Line-of-Business Mobile Apps with Flutter and Dart
  • MODULE 1
    Introduction

    About this course

    • LESSON 1.1About this course
  • MODULE 2
    Getting Started

    Setting up your environment and packaging apps

    • LESSON 2.1About Module 2
    • LESSON 2.2About Flutter and Dart
    • LESSON 2.3Hardware & software setup
    • LESSON 2.4Creating a Flutter app
    • LESSON 2.5Running your app
    • LESSON 2.6Pub packages
    • LESSON 2.7Setting the app name, icon, and bundle ID
    • LESSON 2.8Packaging for the App Store and Google Play
  • MODULE 3
    Creating A Seed App

    Learn the basics you need to build any kind of app

    • LESSON 3.1About Module 3
    • LESSON 3.2Dart cheat sheet
    • LESSON 3.3Flutter in a nutshell
    • LESSON 3.4Setup: State
    • LESSON 3.5Setup: Theming
    • LESSON 3.6Setup: Navigation
    • LESSON 3.7Setup: Scaffold
  • MODULE 4
    The Profile Page

    The most common widgets and layouts

    • LESSON 4.1About Module 4
    • LESSON 4.2Creating the widget and route
    • LESSON 4.3Stubbing data
    • LESSON 4.4Widgets that wait for data
    • LESSON 4.5Layout basics
    • LESSON 4.6Image
    • LESSON 4.7Responsive layouts, part 2
    • LESSON 4.8Scrolling layouts
    • LESSON 4.9Layout problems
    • LESSON 4.10Buttons
  • MODULE 5
    Accessibility

    Making sure your app works with a screen reader

    • LESSON 5.1About Module 5
    • LESSON 5.2VoiceOver on iOS
    • LESSON 5.3TalkBack on Android
    • LESSON 5.4Accessibility Widgets
  • MODULE 6
    Storage and HTTP

    Persisting data locally and over the web

    • LESSON 6.1About Module 6
    • LESSON 6.2Shared preferences
    • LESSON 6.3HTTP requests
    • LESSON 6.4Login and authentication
    • LESSON 6.5Managing user state
  • MODULE 7
    Tables and Charts

    Building data visualizations that impress

    • LESSON 7.1About Module 7
    • LESSON 7.2Data tables
    • LESSON 7.3Charts and graphs
  • MODULE 8
    Animations

    Off-the-shelf transitions, custom drawings, and fine-tuned animations

    • LESSON 8.1About Module 8
    • LESSON 8.2Simple animations
    • LESSON 8.3Custom paint
    • LESSON 8.4Custom animations
  • MODULE 9
    Testing

    Unit tests, widget tests, and end-to-end tests

    • LESSON 9.1About Module 9
    • LESSON 9.2Unit tests
    • LESSON 9.3Widget tests
    • LESSON 9.4End-to-end tests
  • MODULE 10
    Wrapping up

    Congratulations!

    • LESSON 10.1Congratulations
Right arrow icon.
Go to Next Lesson
Go to Next Lesson
LESSON 4.7Responsive layouts, part 2
  • Go Pro
  • Log In

Image

Table of Contents
  • Section 4.1Conditional rendering
  • Section 4.2Operation not permitted
  • Section 4.3Sizing and clipping
  • Section 4.4ConstrainedBox and BoxConstraints
  • Section 4.5Container
  • Courses
  • Line-of-Business Mobile Apps with Flutter and Dart
  • Image
  • Go To Previous Lesson
    Layout basics
    Layout basics

    Column, Row, Padding, spacing, and alignment

  • Go To Next Lesson
    Responsive layouts, part 2
    Responsive layouts, part 2

    Table layouts, expansion panels, and rich text