ProgressDialog CircularProgressIndicator stops animation when await future #47

bobosette · 2020-04-09T09:37:20Z

Hi everybody. I have this problem with progressdailog: I have to load a big txt file (30mb) and I want to show the dialog till is loaded, but when I tap on the button the dialog starts showing and after 1 second the circularprogressindicator stops his animation; when the file is loaded (it takes almost 30 sec) the dialog hides correctly. How can I fix that?
Here is my code, the future:

Future<PatData> getPatData(String path) async { patData = await dataManager.getData(await file.readFile(path)); return patData; }

and the onTap:

pr.show().then((onValue) { getPatData(dataPath).then((value) { pr.hide(); Navigator.push( context, MaterialPageRoute( builder: (context) => GraphPage( patData: value, )), ); }); });

Can somebody help me?
Thank u!!!!

The text was updated successfully, but these errors were encountered:

fayaz07 · 2020-04-15T09:07:15Z

@bobosette , please use await pr.show();

bobosette · 2020-04-16T07:55:03Z

Sorry but also if I use await pr.show() I have the same issue

fayaz07 · 2020-04-16T08:23:38Z

@bobosette did you update to the latest version v1.2.2

bobosette · 2020-04-16T10:56:28Z

yes but nothing changes

fayaz07 · 2020-04-16T11:25:27Z

Can you post sample code along with the method where you're writing it?

bobosette · 2020-04-16T16:33:44Z

my onTap:

onTap: () async {
                      //pr.show();
                      if (dataPath == null) {
                        Future.delayed(Duration(seconds: 1)).then((value) {
                          //pr.hide().whenComplete(() {
                            Navigator.push(
                              context,
                              MaterialPageRoute(
                                  builder: (context) =>
                                      GraphPage(text: 'no data')),
                            );
                         // });
                        });
                      } else {

                        await pr.show().then((onValue) {
                          getPatData(dataPath).then((value) {
                            pr.hide();
                             Navigator.push(
                              context,
                              MaterialPageRoute(
                                  builder: (context) => GraphPage(
                                        patData: value,
                                      )),
                            );
                          });
                        });
                     }

the future:

Future<PatData> getPatData(String path) async {
    patData = await dataManager.getData(await file.readFile(path));
    return patData;
  }

fayaz07 · 2020-04-16T17:39:51Z

where did you write the initialization of pr ?

bobosette · 2020-04-16T17:45:10Z

Inside a drawer item! When data are loaded a new page is opened Il Gio 16 Apr 2020, 19:40 Mohammad Fayaz <[email protected]> ha scritto:

…

where did you write the initialization of pr ? — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#47 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADEWB4NQ56M6NYYMXFTWGN3RM47HPANCNFSM4MES2G7Q> .

fayaz07 · 2020-04-16T17:46:16Z

Sorry, I didn't get your issue. If possible please post whole .dart file, which will hep me better to solve your issue. Otherwise just use below code. I can't help you without clearly stating the issue

import 'package:flutter/material.dart';
import 'dart:async';

class Test extends StatefulWidget {
  @override
  _TestState createState() => _TestState();
}

class _TestState extends State<Test> {
  ProgressDialog pr;

 void loadData() async{
    await pr.show();
    // run your load operation here
    await pr.hide(); 
}

  @override
  Widget build(BuildContext context) {
    pr = ProgressDialog(context);
    loadData();
    return Container();
  }
}

bobosette · 2020-04-16T18:35:52Z

What do u thing it could be?? Il Gio 16 Apr 2020, 19:46 Mohammad Fayaz <[email protected]> ha scritto:

…

Sorry, I didn't get your issue — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#47 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADEWB4J24TGKZXWQWRIX4LDRM4773ANCNFSM4MES2G7Q> .

fayaz07 · 2020-04-16T19:32:38Z

How can I reproduce the issue if you're not proving me basic code snippet

bobosette · 2020-04-17T07:44:16Z

Sorry I didn't read the all mail and I lost the last part of the message.
Here it is:

import 'package:drawer_example/class/aad_oauth_manager.dart';
import 'package:drawer_example/class/data_manager.dart';
import 'package:drawer_example/pages/graphpage.dart';
import 'package:drawer_example/routes/routes.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:drawer_example/class/file_manager.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:progress_dialog/progress_dialog.dart';
import 'package:shared_preferences/shared_preferences.dart';


class AppDrawer extends StatefulWidget {
  @override
  _AppDrawerState createState() => _AppDrawerState();
}

class _AppDrawerState extends State<AppDrawer> {
  
  String name;
  String surname;
  String role;
  String address;
  String image = 'images/user.png';
  double headerHeight;
  String dataPath;
  PatData patData;
  ProgressDialog pr;

//SHARE PREFS--------------------------------------------------------------
 
  Future<Null> getSharedPrefs() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      name = prefs.getString("name");
      surname = prefs.getString('surname');
      role = prefs.getString('role');
      address = prefs.getString('address');

      switch (prefs.getString('role')) {
        case 'Doctor':
          image = 'images/doctor.png';
          break;
        case 'Admin':
          image = 'images/admin.jpg';
          break;
        default:
          image = 'images/user.png';
          break;
      }
    });
  }

  Future<Null> getPath() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    setState(() {
      dataPath = prefs.getString('path');
    });
  }

  Future<Null> clearPrefs() async {
    SharedPreferences prefs = await SharedPreferences.getInstance();
    prefs.clear();
  }
//-------------------------------------------------------------------------------


  final AadOAuth oauth = AadOAuth();

  void logout() async {
    await oauth.logout();
    //showMessage("Logged out");
  }
  //-----------------------------------------------------------------------------------

  FileManager file = new FileManager();
  DataManager dataManager = new DataManager();

  Future<PatData> getPatData(String path) async {
   
    patData = await dataManager.getData(await file.readFile(path));
  
    return patData;
  }
  //----------------------------------------------------------------------------------

  @override
  void initState() {
    super.initState();
    getSharedPrefs();
    getPath();
  }

  @override
  Widget build(BuildContext context) {
    pr = new ProgressDialog(context,
        type: ProgressDialogType.Normal, isDismissible: true);
    pr.style(
        message: 'Charts Data Loading',
        borderRadius: 10.0,
        backgroundColor: Colors.white,
        progressWidget: CircularProgressIndicator(
          strokeWidth: 3.0,
        ),
        elevation: 10.0,
        insetAnimCurve: Curves.easeInOut,
        progress: 0.0,
        maxProgress: 100.0,
        progressTextStyle: TextStyle(
            color: Colors.black, fontSize: 13.0, fontWeight: FontWeight.w400),
        messageTextStyle: TextStyle(
            color: Colors.black, fontSize: 19.0, fontWeight: FontWeight.w600));

    return Drawer(
        child: Container(
            child: ListView(padding: EdgeInsets.zero, children: <Widget>[
      _createHeader(),
      Container(
          height: MediaQuery.of(context).size.height - headerHeight,
          decoration: BoxDecoration(
            color: Colors.white,
          ),
          child: SingleChildScrollView(
            scrollDirection: Axis.vertical,
            child: Column(
              children: <Widget>[
                _createDrawerItem(
                    icon: FontAwesomeIcons.home,
                    text: 'Home',
                    onTap: () =>
                        Navigator.pushReplacementNamed(context, Routes.home)
                   
                    ),
                _createDrawerItem(
                    icon: FontAwesomeIcons.bluetoothB,
                    text: 'Connect to Device',
                    onTap: () =>
                        Navigator.pushReplacementNamed(context, Routes.connect)
                   
                    ),
                _createDrawerItem(
                    icon: FontAwesomeIcons.usb,
                    text: 'Select Data from Storage',
                    onTap: () =>
                      
                        Navigator.pushReplacementNamed(context, Routes.data)
                   
                    ),
                _createDrawerItem(
                    icon: FontAwesomeIcons.chartLine,
                    text: 'Graph',
                    onTap: () async {
                      
                      if (dataPath == null) {
                        Future.delayed(Duration(seconds: 1)).then((value) {
                          
                            Navigator.push(
                              context,
                              MaterialPageRoute(
                                  builder: (context) =>
                                      GraphPage(text: 'no data')),
                            );
                       
                        });
                      } else {

                        await pr.show().then((onValue) {
                          getPatData(dataPath).then((value) {
                            pr.hide();
                             Navigator.push(
                              context,
                              MaterialPageRoute(
                                  builder: (context) => GraphPage(
                                        patData: value,
                                      )),
                            );
                          });
                        });
                        
                      }
                    }

                    ),
                _createDrawerDisabledItem(
                    icon: FontAwesomeIcons.calculator,
                    text: 'Analysis',
                    onTap: () =>
                        Navigator.pushReplacementNamed(context, Routes.analysis)
                   
                    ),
                _createDrawerDisabledItem(
                    icon: FontAwesomeIcons.pills,
                    text: 'Set ON/OFF',
                    onTap: () =>
                        Navigator.pushReplacementNamed(context, Routes.status)
                   
                    ),
                _createDrawerItem(
                    icon: FontAwesomeIcons.clipboard,
                    text: 'Clipboard',
                    onTap: () => Navigator.pushReplacementNamed(
                        context, Routes.clipboard)
                    
                    ),
                _createDrawerItem(
                    icon: FontAwesomeIcons.signOutAlt,
                    text: 'Logout',
                    onTap: () {
                      Navigator.pushReplacementNamed(context, Routes.logout);

                      FileManager file = new FileManager();
                    
                      String log = 'Logout: $role $name $surname;\n\n';
                      String logName = 'log.txt';
                      file.writeLogFile(DateTime.now(), log, logName);
                     
                      clearPrefs();
                      
                      file.deleteLocalDirFile('file.txt');
                      logout();
                    }),
                _createDrawerDisabledItem(
                    icon: FontAwesomeIcons.question,
                    text: 'Help',
                    onTap: () =>
                        Navigator.pushReplacementNamed(context, Routes.help)
                 
                    )
              ],
            ),
          ))
    ])));
  }

  Widget _createDrawerItem(
      {IconData icon, String text, GestureTapCallback onTap}) {
    return ListTile(
      title: Row(
        children: <Widget>[
          Icon(icon),
          Padding(
            padding: EdgeInsets.only(left: 8.0),
            child: Text(text),
          )
        ],
      ),
      onTap: onTap,
    );
  }

  Widget _createDrawerDisabledItem(
      {IconData icon, String text, GestureTapCallback onTap}) {
    return ListTile(
      title: Row(
        children: <Widget>[
          Icon(
            icon,
            color: Colors.grey,
          ),
          Padding(
            padding: EdgeInsets.only(left: 8.0),
            child: Text(
              text,
              style: TextStyle(color: Colors.grey),
            ),
          )
        ],
      ),
    );
  }

  Widget _createHeader() {
    Widget child;
    if (MediaQuery.of(context).orientation == Orientation.portrait) {
      headerHeight = 200;
      child = _portraitView(headerHeight);
    } else {
      headerHeight = 110;
      child = _landscapeView(headerHeight);
    }

    return child;
  }

  Widget _portraitView(double h) {
    return Container(
        height: h,
        child: UserAccountsDrawerHeader(
            accountName: Text('$role\n$name $surname'),
            accountEmail: Text('$address'),
            decoration: BoxDecoration(color: Colors.blueGrey[900]),
            currentAccountPicture: CircleAvatar(
                backgroundColor: Colors.white,
                foregroundColor: Colors.blueGrey[900],
                backgroundImage: AssetImage(image))));
  }

  Widget _landscapeView(double h) {
    return Container(
        height: h,
        child: UserAccountsDrawerHeader(
          accountName: Text('$role\n$name $surname'),
          accountEmail: Text('$address'),
          decoration: BoxDecoration(color: Colors.blueGrey[900]),
        ));
  }
}

bobosette · 2020-04-27T07:46:47Z

Hi @fayaz07. some news?? Didn't find anything??

fayaz07 · 2020-05-09T07:47:12Z

@bobosette Can you please give me a shorter version of your code, that involves just the progressDialog, stuff

bobosette · 2020-05-09T07:59:06Z

Hi dude.... the problem wasn't the progress dialog, but the function that is heavy....the only way is running that using compute()... Il Sab 9 Mag 2020, 09:47 Mohammad Fayaz <[email protected]> ha scritto:

…

@bobosette <https://github.com/bobosette> Can you please give me a shorter version of your code, that involves just the progressDialog, stuff — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#47 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ADEWB4K3CTA3ZJIRZ37FL3LRQUDAZANCNFSM4MES2G7Q> .

fayaz07 · 2020-05-09T08:23:26Z

Thanks, I am closing the issue now. Feel free to reopen for more questions

fayaz07 closed this as completed Apr 15, 2020

fayaz07 reopened this Apr 16, 2020

fayaz07 self-assigned this Apr 16, 2020

fayaz07 closed this as completed May 9, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

ProgressDialog CircularProgressIndicator stops animation when await future #47

ProgressDialog CircularProgressIndicator stops animation when await future #47

bobosette commented Apr 9, 2020

fayaz07 commented Apr 15, 2020

bobosette commented Apr 16, 2020

fayaz07 commented Apr 16, 2020

bobosette commented Apr 16, 2020

fayaz07 commented Apr 16, 2020

bobosette commented Apr 16, 2020

fayaz07 commented Apr 16, 2020

bobosette commented Apr 16, 2020 via email

fayaz07 commented Apr 16, 2020 •

edited

Loading

bobosette commented Apr 16, 2020 via email

fayaz07 commented Apr 16, 2020

bobosette commented Apr 17, 2020

bobosette commented Apr 27, 2020

fayaz07 commented May 9, 2020

bobosette commented May 9, 2020 via email

fayaz07 commented May 9, 2020

ProgressDialog CircularProgressIndicator stops animation when await future #47

ProgressDialog CircularProgressIndicator stops animation when await future #47

Comments

bobosette commented Apr 9, 2020

fayaz07 commented Apr 15, 2020

bobosette commented Apr 16, 2020

fayaz07 commented Apr 16, 2020

bobosette commented Apr 16, 2020

fayaz07 commented Apr 16, 2020

bobosette commented Apr 16, 2020

fayaz07 commented Apr 16, 2020

bobosette commented Apr 16, 2020 via email

fayaz07 commented Apr 16, 2020 • edited Loading

bobosette commented Apr 16, 2020 via email

fayaz07 commented Apr 16, 2020

bobosette commented Apr 17, 2020

bobosette commented Apr 27, 2020

fayaz07 commented May 9, 2020

bobosette commented May 9, 2020 via email

fayaz07 commented May 9, 2020

fayaz07 commented Apr 16, 2020 •

edited

Loading