- Introduction
- Basics
- App1 : Elon Musk’s Resume
- App2 : 5K Quotes
- App3 : Calculator
- App4_v1 : Flags Quiz
- Running Apps On Different Devices
- Debbuging
- App5 : Yacht Charter
- App6_v1 : My Books
- Creating responsive and adaptive apps
- App6_v2: My Books
- App7 : Short Vacation
- App8 : Movie Time
- App9 : Schedule Planner
- Shared Preferences
- App10 : Local Weather
- App11 : Discover Tunisia
Box Model
The term "Box Model" is used when talking about design and layout.
Explanation of the different parts:
-
Content : The content of the box, where text and images appear.
-
Padding : Clears an area around the content. The padding is transparent
-
Border : A border that goes around the padding and content
-
Margin : Clears an area outside the border. The margin is transparent
Example :
Container(
child: Text("Content"),
width: 350,
height: 100,
padding: EdgeInsets.all(25),
margin: EdgeInsets.only(right: 20, top: 50),
decoration: BoxDecoration(
border: Border.all(width: 2, color: Colors.pink)),
)
