Container & Padding - Flutter | Basic Widgets ~ Episode 2.2
Hey Coders! Give your widgets some breathing room! Wrap them in a Container, or Padding, widget and set the spacing separately on each of its sides. That's a great start, but did you know that's not all? Containers can provide a lot more functionality too, such as a background color, box decorations like rounded corners and shadows, and transformations. Watch this video to learn how to effectively implement Container and Padding.
Check out the source code on GitHub:
https://github.com/davidtheweiss/Flutter-Season-2-Dart
❤️ Support the ongoing growth of this channel, get exclusive perks, and receive consultation on your projects! https://www.patreon.com/DavidWeissProgramming
🧑💻 Flutter Documentation: https://flutter.dev/docs/development/ui/widgets
----------------------------------------------------------------------------------------------
🕒 Timestamps
0:00 Intro
0:15 Understanding Padding and Margin
1:07 How to Add Space Around Widgets
1:43 The Padding Widget
3:20 Use EdgeInsets To Specify the Amount of Space
5:27 The Container Widget
6:02 Adding a Background Color to Your Container
6:38 Giving Your Container a Margin
----------------------------------------------------------------------------------------------
Other playlists:
-------------------------------------
Flutter
-------------------------------------
Basic Widgets:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDX1V8-sNHXk39qeSVy7W8J
Dart:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDhQj15rrsAxv_TNdv9Paqa
Flutter Orientation:
https://www.youtube.com/playlist?list=PL42xwJRIG3xD4v1Xb8prXG89zZgSWND-p
-------------------------------------
Google Cloud
-------------------------------------
Compute Engine:
https://www.youtube.com/playlist?list=PL42xwJRIG3xAjjZ3tY_zrZYEhStnIofzB
App Engine:
https://www.youtube.com/playlist?list=PL42xwJRIG3xCtmOrJAQFR5sIJFKIJ9MEn
Google Cloud Orientation:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBGAOjrm9iZ3N5_eP_KRc34
-------------------------------------
Apps Script
-------------------------------------
JDBC Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xCFMS4-IyAQg-9bJGx7-226
Data Studio Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBM88UgT79HKxO_u0ze3BZL
Maps Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xAXgY2FksYt-kbKuXNmSUMA
Utilities Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBnsGHi6fetv17uQ35NXm0S
Properties Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDBj4s5WwO7sYUyA3H06Bjs
URL Fetch Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDormBAHLcxorCYpHlHa_IE
Drive Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDbvnvgWOizjX6j1jYBn0zk
Forms Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBoKUA3zPkICMTAa_vu0QEl
Lock Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDBPhvVrQdRi2Hdy9kMeb90
HTML Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xAafvhn9eCubEdas3I2TrNh
Document Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBFGeUZCMubWlwrhUXDdaTA
Slides Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBknGu3JNdJqHCiPpaVxAuY
Calendar Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xAqrGnc_o2NL4RH4jdyiHsp
Script Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDPE35v7e83rH7Uu4g_MfmC
Gmail Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xA5pkm04CY_WVZ9lE1Ju_JH
Spreadsheet Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBZFP5wYh-OFb-CQmjz-Rn-
Apps Script Orientation:
https://www.youtube.com/playlist?list=PL42xwJRIG3xCm6O85pd91tQxgxGcq82m4
----------------------------------------------------------------------------------------------
Видео Container & Padding - Flutter | Basic Widgets ~ Episode 2.2 канала David Weiss
Check out the source code on GitHub:
https://github.com/davidtheweiss/Flutter-Season-2-Dart
❤️ Support the ongoing growth of this channel, get exclusive perks, and receive consultation on your projects! https://www.patreon.com/DavidWeissProgramming
🧑💻 Flutter Documentation: https://flutter.dev/docs/development/ui/widgets
----------------------------------------------------------------------------------------------
🕒 Timestamps
0:00 Intro
0:15 Understanding Padding and Margin
1:07 How to Add Space Around Widgets
1:43 The Padding Widget
3:20 Use EdgeInsets To Specify the Amount of Space
5:27 The Container Widget
6:02 Adding a Background Color to Your Container
6:38 Giving Your Container a Margin
----------------------------------------------------------------------------------------------
Other playlists:
-------------------------------------
Flutter
-------------------------------------
Basic Widgets:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDX1V8-sNHXk39qeSVy7W8J
Dart:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDhQj15rrsAxv_TNdv9Paqa
Flutter Orientation:
https://www.youtube.com/playlist?list=PL42xwJRIG3xD4v1Xb8prXG89zZgSWND-p
-------------------------------------
Google Cloud
-------------------------------------
Compute Engine:
https://www.youtube.com/playlist?list=PL42xwJRIG3xAjjZ3tY_zrZYEhStnIofzB
App Engine:
https://www.youtube.com/playlist?list=PL42xwJRIG3xCtmOrJAQFR5sIJFKIJ9MEn
Google Cloud Orientation:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBGAOjrm9iZ3N5_eP_KRc34
-------------------------------------
Apps Script
-------------------------------------
JDBC Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xCFMS4-IyAQg-9bJGx7-226
Data Studio Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBM88UgT79HKxO_u0ze3BZL
Maps Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xAXgY2FksYt-kbKuXNmSUMA
Utilities Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBnsGHi6fetv17uQ35NXm0S
Properties Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDBj4s5WwO7sYUyA3H06Bjs
URL Fetch Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDormBAHLcxorCYpHlHa_IE
Drive Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDbvnvgWOizjX6j1jYBn0zk
Forms Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBoKUA3zPkICMTAa_vu0QEl
Lock Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDBPhvVrQdRi2Hdy9kMeb90
HTML Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xAafvhn9eCubEdas3I2TrNh
Document Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBFGeUZCMubWlwrhUXDdaTA
Slides Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBknGu3JNdJqHCiPpaVxAuY
Calendar Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xAqrGnc_o2NL4RH4jdyiHsp
Script Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xDPE35v7e83rH7Uu4g_MfmC
Gmail Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xA5pkm04CY_WVZ9lE1Ju_JH
Spreadsheet Service:
https://www.youtube.com/playlist?list=PL42xwJRIG3xBZFP5wYh-OFb-CQmjz-Rn-
Apps Script Orientation:
https://www.youtube.com/playlist?list=PL42xwJRIG3xCm6O85pd91tQxgxGcq82m4
----------------------------------------------------------------------------------------------
Видео Container & Padding - Flutter | Basic Widgets ~ Episode 2.2 канала David Weiss
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Operators - Dart | Flutter ~ Episode 1.2](https://i.ytimg.com/vi/cgiIK0VVmXM/default.jpg)
![GmailApp Introduction - Episode 2.0 | Apps Script ~ Gmail Service](https://i.ytimg.com/vi/lJWkN9ct3gc/default.jpg)
![Get Event Data - Episode 4.3 | Apps Script ~ Calendar Service](https://i.ytimg.com/vi/ETxNYndOj-M/default.jpg)
![Variables & Data Types - Dart | Flutter ~ Episode 1.1](https://i.ytimg.com/vi/sp4YSF9rpkI/default.jpg)
![Google Cloud Console Setup & Navigation - Episode 0.3 | Google Cloud ~ Orientation](https://i.ytimg.com/vi/WNpKWAucSYI/default.jpg)
![Getting Directions From Google Maps (on Form Submit) - Apps Script | Maps Service ~ Episode 14.2](https://i.ytimg.com/vi/F-AoWcm3-jw/default.jpg)
![Cache Scope - Apps Script | CacheService ~ Episode 17.1](https://i.ytimg.com/vi/aJvzb3Sj9Ug/default.jpg)
![Visualizing Data with Graphs - Pandas | Python ~ Episode 9](https://i.ytimg.com/vi/LyUTzNs6bYo/default.jpg)
![Dart Overview - Flutter | Dart ~ Episode 1.0](https://i.ytimg.com/vi/h-YxcjcY0W0/default.jpg)
![Measuring Elevation - Apps Script | Maps Service ~ Episode 14.3](https://i.ytimg.com/vi/NvfqdNXMm48/default.jpg)
![Binary Search Algorithm Explained for Beginners! - Python Interview Prep](https://i.ytimg.com/vi/wDs-0XgrhsI/default.jpg)
![Base64 (Cloud Speech-to-Text Preview) - Episode 13.5 | Apps Script ~ Utilities Service](https://i.ytimg.com/vi/VWF_hb6whFY/default.jpg)
![Loops & Conditionals - Flutter | Dart ~ Episode 1.3](https://i.ytimg.com/vi/OAdMwJrXfyI/default.jpg)
![Create & Open Forms - Episode 9.1 | Apps Script ~ Forms Service](https://i.ytimg.com/vi/XHVDnioUJJE/default.jpg)
![Create & Open Calendars - Episode 4.1 | Apps Script ~ Calendar Service](https://i.ytimg.com/vi/eVJH2zZJSdk/default.jpg)
![Become a Python Developer - The Technical Interview | Introduction ~ Episode 0.0](https://i.ytimg.com/vi/HGE1T6TMhKw/default.jpg)
![Open User Owned Calendars - Episode 4.1.1 | Apps Script ~ Calendar Service](https://i.ytimg.com/vi/9iipF7lyzXA/default.jpg)
![Asynchronous Functions & The Future Object - Flutter | Dart ~ Episode 1.5](https://i.ytimg.com/vi/iyyVVzZUYCg/default.jpg)
![Create & Open Documents - Episode 6.1 | Apps Script ~ Document Service](https://i.ytimg.com/vi/zUzSYlopqng/default.jpg)
![VM Instances (DEMO: Sending SMS w/ Twilio API) - Google Cloud | Compute Engine ~ Episode 2.1](https://i.ytimg.com/vi/vRm57HMFMos/default.jpg)
![Shapes (Textboxes) - Episode 5.4 | Apps Script ~ Slides Service](https://i.ytimg.com/vi/56HwT8h5I5c/default.jpg)