Digia Academy
Digia StudioDiscordLinkedIn
  • Introduction
    • FAQs
  • What's New
    • 2024
      • March
  • DIGIA STUDIO INTRODUCTION
    • Dashboard
    • Builder Tool
      • Navigation Menu
      • Tool Bar
      • Pages and Widgets Panel
      • Canvas Area
      • Properties Panel
    • Creating a New Project
    • Creating new Pages
    • Working with Widget Tree
    • Build Your First App
      • Hello World
      • Bytes App
        • Onboarding
        • Defining API Calls
        • Courses
        • Articles
        • Viewing your App
    • SDK Integration
      • Insert Single Pages from Digia Studio
  • Actions
    • Call API Rest Action
    • Call Rest API
    • Pop Current
    • Pop to Route
    • openUrl
    • Go To Page
    • Post Message
    • Set Page State
    • Wait (delay)
    • Drawer
    • Toast
    • Open Dialog
    • Share
    • Copy to Clipboard
  • Operations
    • API Call
    • Operators
      • Json Operators
      • Logical Operators
      • Date Time Operators
      • Math Operators
      • String Operations
  • BUILDING UI
    • Widgets
      • Form Widgets
        • PinField
        • Calendar
        • Text Form Field
      • Base Widgets
        • Animated Button
        • Check Box
        • Video Player
        • Spacer
        • Stack
        • Wrap
        • Text
        • Avatar
        • Rich Text
        • Image
        • Button
        • Icon
        • Switch
        • Sized Box
        • HtmlView
        • Lottie Animation
        • Linear Progress Bar
        • YouTube Player
        • Circular Progress Bar
      • Layout Widgets
        • ListView
        • Web View
        • Future Builder
        • Conditional Builder
        • Stream Builder
        • GridView
        • Column
        • Row
        • Container
        • Expandable
        • Divider (Horizontal)
        • Divider (Vertical)
        • Carousel
      • Persistent Footers Widgets
        • NavigationBar Widget
      • Page Widgets
        • Stepper Widget
        • Scaffold Widget
        • Paginated Listview Widget
        • TabView
        • AppBar
      • Widget Commonalities
    • Event Handlers
  • Theme
    • Colors
    • Typography
  • DATA AND BACKEND
    • API Calls
      • Setting up API Calls
      • Create API Calls
      • Import API From Curl
  • DEPLOYING YOUR APP
    • Deployment
    • Release History
  • Settings
    • App Settings
    • App Assets
    • Media Assets
  • JARGON
    • Data integration
Powered by GitBook
On this page
  • Functioning of Scaffold Widget
  • What inside the Scaffold Widget
  • Customization:
  1. BUILDING UI
  2. Widgets
  3. Page Widgets

Scaffold Widget

PreviousStepper WidgetNextPaginated Listview Widget

Last updated 2 months ago

The Scaffold widget is the foundation for building visually appealing and functional layouts in the applications. It serves as a versatile container that provides the basic structure for your app screens, including essential elements like app bars, navigation drawers, floating action buttons, and the content area for your app's primary functionality.

Functioning of Scaffold Widget

What inside the Scaffold Widget

  • body: The central content area of the Scaffold, where you place your app's primary widgets (e.g., Text, ListViews, Forms, etc.).

  • floatingActionButton: A FloatingActionButton widget that floats above the content and typically represents a primary action.

  • floatingActionButtonLocation: Specifies the position of the FloatingActionButton within the Scaffold.

  • persistentFooterButtons: A list of widgets displayed at the bottom of the Scaffold, typically used for actions that aren't necessarily related to navigation.

Customization:

You can customize Scaffold widget according to you requirements:


: An that displays at the top of the screen, typically containing the app title, navigation icons, and other actions.

: A that slides in horizontally from the left or right side of the screen, providing additional navigation options.

: Similar to but slides in from the opposite side (right by default).

: A BottomNavigationBar widget that displays navigation icons at the bottom of the screen, allowing users to switch between different top-level views.

: The of the Scaffold. Defaults to white.

By Navigating to Default Properties you can customize .

appBar
AppBar widget
drawer
Drawer widget
endDrawer
drawer
bottomNavigationBar
backgroundColor
background color
Styling