How to Use Container's BoxDecoration and ShapeDecoration in Flutter

DM Inspires
DM Inspires
167 بار بازدید - پارسال - In this video, you'll learn
In this video, you'll learn everything you need to know about Container's BoxDecoration and ShapeDecoration properties in Flutter.
We'll cover the basics of how to use these properties, as well as some more advanced topics like using gradients, shadows, and borders.
By the end of this video, you'll be able to use Container's BoxDecoration and ShapeDecoration properties to create beautiful and functional user interfaces in Flutter.

Assignment 1: Introduction to Containers
Task:
Create a simple Flutter app with a Container widget. The Container should have a red background color, a width of 200, and a height of 100.

Assignment 2: Styling Containers
Task:
Build upon the previous assignment. Create a Container that has a blue background color, rounded corners (border radius), a width of 300, and a height of 150. Add a child Text widget with white text inside the Container.

Assignment 3: Container Decoration
Task:
Create a profile page. Design a Container that acts as a profile picture with a circular shape. Add a shadow and a border around the Container to make it stand out.

Assignment 4: Making a Rainbow Container
Task: Create a Flutter project with a big container on the screen. Fill the container with colors of the rainbow (red, orange, yellow, green, blue, and purple). Use the colors you like!
پارسال در تاریخ 1402/06/06 منتشر شده است.
167 بـار بازدید شده
... بیشتر