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
  • Opening Toast
  • Parameters of Toast
  1. Actions

Toast

Using this action, you'll see a quick phone pop-up (like a snack message) that disappears.

PreviousDrawerNextOpen Dialog

Last updated 2 months ago

This action allows you to display a temporary notification message, often referred to as a "toast," on the user's screen. Toast messages are typically used for:

  • Providing short feedback after user interactions (e.g., "Login successful!")

  • Highlighting important information that doesn't require immediate action

Opening Toast

  1. Add The Action

  2. Enter the Message

    • In the Message section, enter the message you want to display in the toast.

  3. Set the Duration

    • In the duration section, enter the duration of your toast in seconds (i.e., how many seconds the toast will be visible on the screen).

  4. Select the Toast Style

    • Tap the ">" icon to change the properties of the toast:

      • Background Color: Set the background color of the toast.

      • Border Radius: Set the border radius of the toast to make the corners rounded.

      • Height and Width: Set the height and width of the toast.

      • Padding and Margin: Customize the padding and margin of the toast.

      • Widget Alignment: Change the alignment of the toast within the screen.

  5. Select Text Style

    • Tap the ">" icon beside Text Style to customize the text styles:

      • Font Token Dropdown: Select the text styles from the available font tokens.

      • Custom Values Toggle: Toggle this on to change additional font properties:

        • Font Family: Select the desired font family.

        • Font Weight: Set the font weight.

        • Font Style: Set the font style (e.g., italic).

        • Italic Toggle: Toggle this on to make the font italic.

      • Text Color: Set the color of the text.

      • Text Background Color: Set the background color of the text.

      • Text Decoration: Add text decoration (e.g., underline, strike-through).

      • Text Decoration Color: Set the color for the text decoration.

By following these steps, you can Add Toast and customize the appearance and behavior of toast messages in your application.

Parameters of Toast

  1. Message: Enter the text you want displayed in the designated "Message" field.

  2. Duration: Choose the desired duration in seconds for the toast visibility.