Breaking News: Grepper is joining You.com. Read the official announcement!

refreshindicator in flutter

YOU.com answered on September 11, 2023 Popularity 8/10 Helpfulness 4/10

answer refreshindicator in flutter

refreshindicator in flutter

Comment

import 'package:flutter/material.dart';

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  List<String> dataList = ['Item 1', 'Item 2', 'Item 3'];

  Future<void> _refreshData() async {
    // Simulating an asynchronous data fetching operation
    await Future.delayed(Duration(seconds: 2));
    
    // Fetch new data or update existing data
    dataList.add('New Item');
    
    // Calling setState() to rebuild the UI
    setState(() {});
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Pull-to-Refresh Example'),
      ),
      body: RefreshIndicator(
        onRefresh: _refreshData, // Pass the refresh function
        child: ListView.builder(
          itemCount: dataList.length,
          itemBuilder: (context, index) {
            return ListTile(title: Text(dataList[index]));
          },
        ),
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: MyHomePage(),
  ));
}

Popularity 8/10 Helpfulness 4/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 11 2023

YOU.com

0 Answers Avg Quality 2/10

refreshindicator in flutter

Contents

More Related Answers

refreshindicator in flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.