Scribd
Upload
11 views9 pages

Firebase vs realtime database

Uploaded by

thelasthockage
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
11 views9 pages

Firebase vs realtime database

Uploaded by

thelasthockage
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Chapter three

Mobile application development


Mobile application development
Mobile app user interface (UI) components are the building blocks of an app’s
design.
key UI components used in mobile app design:
Mobile application development
1. Navigation Components
Bottom Navigation Bar – A set of icons at the bottom for easy navigation.
2. Input Controls
Buttons – Trigger actions like submit, cancel, or navigate.
Text Fields – Allow users to input text (single-line or multi-line).
Check Boxes – Select multiple options from a list.
Radio Buttons – Select one option from a group.
Dropdown Menus – Expandable lists for multiple choices.
Toggles (Switches) – Enable or disable a setting.
Mobile application development
3. Informational Components
Toast Messages(alert)– Temporary notifications (e.g., "Message sent").
Snackbars – Actionable notifications (e.g., "Undo delete").
Progress Indicators – Circular or linear indicators showing loading status.
4. Media Components
Image Viewers – Display images, avatars, or profile pictures.
Video Players – Embedded video players for multimedia content.
Mobile application development
5. Data Display Components
Lists (RecyclerView, TableView) – Display scrollable data in rows.
Charts & Graphs – Visual representation of data.
6. Gestural Components
Swipe Gestures – Actions triggered by swiping (e.g., delete, refresh).
Pinch-to-Zoom – Zoom in or out using fingers.
Drag & Drop – Rearrange elements by dragging.
widget layout properties and types
In Flutter, UI is built using widgets, and layouts define how widgets are
positioned on the screen.
Understanding widget properties and layout types is essential for designing
responsive and visually appealing apps.
1. common Widget Layout Properties
Alignment – Positions a widget inside a parent widget.
Padding & Margin – Provides spacing inside or outside a widget.
Size (Width & Height) – Defines a widget’s dimensions.
Border & Decoration – Adds background styling.
widget layout properties and types
2. Types of Layout Widgets in Flutter
Flutter provides multiple layout widgets to structure UI components.
A. Single Child Layouts
Container – A flexible box used for styling and layout.
Center – Centers a child widget.
Padding – Adds spacing around a child widget
Align – Positions a widget inside a container.
B. Multi-Child Layouts
These widgets arrange multiple children in different patterns.
• 1. Column (Vertical Layout)
• Places widgets one below another.
widget layout properties and types
2. Row (Horizontal Layout)
Places widgets side by side.
3. Stack (Overlapping Layout)
Places widgets on top of each other.
4. ListView (Scrollable List)
Displays scrollable items.
5. GridView (Grid Layout)
Displays items in a grid format.
Thank you!!!!!!

You might also like