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 NavigationBar Widget
  • NavigationBar Items Widget
  • Adding NavigationBar Items Widget
  • Customization Options
  1. BUILDING UI
  2. Widgets
  3. Persistent Footers Widgets

NavigationBar Widget

PreviousPersistent Footers WidgetsNextPage Widgets

Last updated 2 months ago

The NavigationBar widget is a powerful and customizable component that facilitates seamless navigation in your applications. It serves as a versatile tool that can enhance the user experience by providing quick access to different sections of your app through

Functioning of NavigationBar Widget

NavigationBar Items Widget

The NavigationBar Items widget is an integral component of the NavigationBar widget. Each NavigationBar Items represents an individual tab or item within the navigation bar, allowing users to navigate between different sections of your application. This article will delve into the details of the NavigationBar Items widget, explaining its structure, functionality, and customization options.

Adding NavigationBar Items Widget

Customization Options

  • Icon Color: Set the color of the icon for both active and inactive states.

  • Label Color: Define the color of the label text for active and inactive states.

TheNavigationBarItem widget offers several options to ensure it fits seamlessly into your app's design:

: Customize the background color of the entire NavigationBar to match your app's theme.

: Adjust the font style, size, and weight of the label text.

NavigationBar items.
customization
Background Color
Font Style