Как заставить экран spla sh ждать вычислений, прежде чем перейти к следующему экрану? - PullRequest
Новая
       4

Как заставить экран spla sh ждать вычислений, прежде чем перейти к следующему экрану?

1 голос
/ 27 февраля 2020

Я делаю экран spla sh на флаттере и хочу выполнить некоторые вычисления при отображении экрана spla sh (с круглым индикатором выполнения), и после всех вычислений я хочу запустить навигатор .pu sh () для перехода на домашний экран. Проблема заключается в том, что flutter никогда не ждет вычислений, я обошел решение, добавив в мой навигатор future.delayed () и подождав произвольное время, пока все вычисления не будут выполнены.

Код выглядит примерно так : (Вычисления - это загружаемые модели) 

class SplashScreen extends StatefulWidget {
  @override
  _SplashScreenState createState() => _SplashScreenState();
}

class _SplashScreenState extends State<SplashScreen> {
  @override
  void initState() {
    super.initState();
    SchedulerBinding.instance.addPostFrameCallback((_) {
      // Do all of this
      final bestModel = Provider.of<BestSellingModel>(context, listen: false);
      final salesModel = Provider.of<SalesModel>(context, listen: false);
      final categoryModel = Provider.of<CategoryModel>(context, listen: false);
      if (bestModel.isLoading) bestModel.getBestSelling();
      if (salesModel.isLoading) salesModel.getSales();
      if (categoryModel.isLoading) categoryModel.getCategories();
      DatabaseHelper.instance.database;
      // And only then navigate to next screen without a pre-established time
      Future.delayed(Duration(seconds: 12), () {
        Navigator.of(context).pushReplacement(
            MaterialPageRoute(builder: (BuildContext context) => MainTabs()));
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    Size screenSize = MediaQuery.of(context).size;

    return Scaffold(
      body: Stack(
        fit: StackFit.expand,
        children: <Widget>[
          Container(
            decoration: BoxDecoration(
              gradient: LinearGradient(
                begin: Alignment.topRight,
                end: Alignment.bottomLeft,
                colors: [Color(0xffFBC707), Color(0xffF25D19)],
              ),
            ),
          ),
          Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              Expanded(
                flex: 2,
                child: Container(
                  width: screenSize.width / 1.8,
                  child: Image.asset('assets/images/splash_logo.png'),
                ),
              ),
              Expanded(
                flex: 1,
                child: Column(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: <Widget>[
                    // This needs to keep running while the models are being loaded
                    SizedBox(
                      child: CircularProgressIndicator(),
                      height: 64.0,
                      width: 64.0,
                    ),
                  ],
                ),
              )
            ],
          )
        ],
      ),
    );
  }
}

Это пример модели, которую я использовал: 

class SalesModel with ChangeNotifier{
  List<Product> products = [];
  bool isLoading = true;

  Future getSales() async {
    products = await WooCommerce().getProductsByCategory(categoryId: 58);
    isLoading = false;
    notifyListeners();
  }
}

Итак, есть ли способ, который делает spla sh Круговой индикатор выполнения на экране запускается одновременно с загрузкой моделей и переходом на домашний экран после загрузки всех моделей?

1 Ответ

1 голос
/ 27 февраля 2020

Я делаю нечто подобное с состоянием входа. Мой spla sh слушает поток состояний входа в систему. 

  void setInProgress(bool value) {
    setState(() {
     _inProgress = value;
    });
  } // of setInProgress

В вашем методе сборки вы можете добавлять условия 

      if (_inProgress)
        Center(
          child: CircularProgressIndicator(),
        )
      if (!_inProgress)
        Center(

          child: HomeScreenWidget(),
        )

Каждый раз, когда я делаю это, я думаю, что на самом деле должен инкапсулировать его в виджет. Кроме того, если состояние вычисления больше, чем просто логическое значение, вы можете использовать StreamBuilder, который прослушивает поток состояний расчета.

...