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
  • Adding Stack To Your Project
  • Stack Widget Properties
  • Stack Children Alignment
  • Stack Children Fit
  1. BUILDING UI
  2. Widgets
  3. Base Widgets

Stack

PreviousSpacerNextWrap

Last updated 1 year ago

The Stack widget in Flutter arranges its children on top of each other, similar to stacking books.

You have the flexibility to rearrange this stack in any desired order.

Adding Stack To Your Project

To add the Stack widget in your project:

Simply click on Add Widget and then click on Stack Widget to it in your project.

Stack Widget Properties

Stack Children Alignment

  1. Top Start: In the "Top Start" property, the child element is positioned at the top left corner of its parent widget

  2. Top End: In the "Top End" property, the child element is positioned at the top right corner of its parent widget

  3. Center Start: In the "Center Start" property, the child element is positioned at the center in left side of its parent widget

  4. Center: In the "Center" property, the child element is positioned at the center of its parent widget

  5. Center End: In the "Center End" property, the child element is positioned at the center in right corner of its parent widget

  6. Bottom Start: In the "Bottom Start" property, the child element's position is at the bottom left corner of its parent widget.

  7. Bottom Center: In the "Bottom Center" property, the child element's position is at the bottom center of its parent widget.

  8. Bottom End: In the "Bottom End" property, the child element's position is at the bottom right corner of its parent widget.

Stack Children Fit

  1. Expand:

  2. Loose:

  3. Pass Through: