Session 10 ➖ 1. Difference Between Column and Row • Column: A widget that arranges its children vertically (from top to bottom). • Row: A widget that arranges its children horizontally (from left to right). 2. AppBar • A material design toolbar usually displayed at the top of the screen. • It typically contains a title, actions (buttons), and sometimes a leading widget (like a back button). 3. Alignment Flutter provides two types of alignment properties: • MainAxisAlignment (for Column/Row): Controls alignment along the main axis. ◦ start: Aligns children at the beginning. ◦ end: Aligns children at the end. ◦ center: Aligns children in the center. ◦ spaceBetween: Distributes space between children. ◦ spaceAround: Distributes space evenly with padding around. ◦ spaceEvenly: Distributes space equally between children. • CrossAxisAlignment (for Column/Row): Controls alignment along the cross-axis. ◦ start: Aligns children at the start. ◦ center: Aligns children in the center. ◦ end: Aligns children at the end. ◦ stretch: Stretches children to fill the available space. 4. Container • A box-like widget that can be used for layout and styling. • Can be used with Column and Row to arrange elements. • Can have properties like width, height, padding, margin, color, etc. 5. CircleAvatar • A circular widget, commonly used for profile pictures. • Can contain an image or initials inside it. 6. Small Project to Do • A simple Flutter app to practice the above concepts.