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 Paginated Listview Widget
  • What inside of Paginated Listview Widget
  • Customization:
  1. BUILDING UI
  2. Widgets
  3. Page Widgets

Paginated Listview Widget

PreviousScaffold WidgetNextTabView

Last updated 9 months ago

A paginated list view is a way to display a large set of data in a user-friendly manner.

Adding Paginated Listview Widget

What inside of Paginated Listview Widget

  • Children: This is the core part of the paginated list view. It represents the actual list items that will be displayed on the screen. These children widgets are typically built based on the data you provide for each page. Additionally, you can insert multiple widgets inside Children.

  • First Page Loading Widget: This widget is displayed while the initial data for the first page is being fetched. It provides visual feedback to the user that something is happening and helps avoid a blank screen. It could be a simple progress bar, a loading indicator, or even an informative message. Moreover, First Page Loading Widget can only consist single widget. Unlike to Children.

  • New Page Loading Widget: This widget is displayed when the user scrolls near the end of the current page and a new page is being loaded. Similar to the first page loading widget, it provides feedback that more data is being retrieved (It consist only single widget).

  • Page Error Widget: This widget is displayed in case there's an error while fetching data for a page. It allows you to inform the user about the issue and potentially offer options like retrying or contacting support. Similar to First Page Loading Widget you can add only single widget inside Page Error Widget

Note: You can multiple widget inside First Page Loading Widget, New Page Loading Widget and Page Error Widget. Below you can refer the example.

Customization:

You can customize Paginated widget according to you requirements:

By Navigating to Default Properties you can customize .

Styling