FLUTTER:-我需要从Navigator.push()方法之后的方法返回小部件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了FLUTTER:-我需要从Navigator.push()方法之后的方法返回小部件相关的知识,希望对你有一定的参考价值。

我已经使用Flutter和BLOC架构制作了一个登录应用程序。如果登录成功,则需要将小部件返回到支架,还想使用Navigator.push()导航到下一个屏幕。

我尝试了以下方法:-

  1. 方法1:-
Navigator.push(context,MaterialPageRoute(builder: (context) => DashboardPage()));
return ButtonWidget(); 

但是这会导致您转移到下一屏幕时无法设置小部件的错误。

  1. 方法2:-
Future.delayed(
        Duration(days: 1200),
        () => 
              Navigator.push(context,
                  MaterialPageRoute(builder: (context) => DashboardPage())),
            ));
return ButtonWidget(); 

但是它会使将来的代码每1.2秒运行一次。

3。方法3:-

var cancellableCompleter = CancelableCompleter(onCancel:()print("onCancel"););
    cancellableCompleter.complete(
      //Future.value("future result"));
      Future.delayed(
        Duration(days: 1200),
        () => 
              print("i am here"),
              Navigator.push(context,
                  MaterialPageRoute(builder: (context) => DashboardPage())),
            ));
    cancellableCompleter.operation.value.then((value)=>print(value));
    cancellableCompleter.operation.value.whenComplete(()=>print("Completed"));
    return ButtonWidget();

但是它不会实例化Navigator.push()方法。即使“我在这里”也不会打印。

我也尝试过CancelableOperation,但它给出了与方法2相同的错误。

完整代码

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:fluttertoast/fluttertoast.dart';
import 'package:sales_app/bloc/bloc.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:async/async.dart';

import 'dashboard_page.dart';

class LoginPage extends StatefulWidget 
  @override
  State<StatefulWidget> createState() 
    return _LoginPageState();
  


class _LoginPageState extends State<LoginPage> 
  String _email;
  String _password;
  LoginBloc bloc = LoginBloc();
  final blue_color = Color(0xff4490E8);
  final formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) 
    return Scaffold(
      body: BlocProvider(
        builder: (context) => bloc,
        child: Container(
          decoration: BoxDecoration(color: blue_color),
          child: Padding(
            padding: const EdgeInsets.all(20.0),
            child: Form(
              key: formKey,
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.center,
                children: <Widget>[
                  Text(
                    "Log In",
                    style: TextStyle(color: Colors.white, fontSize: 30),
                  ),
                  SizedBox(
                    height: 50,
                  ),
                  TextFormField(
                      autovalidate: true,
                      style: TextStyle(color: blue_color),
                      onSaved: (email) => this._email = email,
                      keyboardType: TextInputType.emailAddress,
                      initialValue: "saurav.vidyarthi@connexrm.com",
                      validator: (val) =>
                          RegExp(r"^[a-zA-Z0-9.]+@[a-zA-Z0-9]+\.[a-zA-Z]+")
                                  .hasMatch(val)
                              ? null
                              : "Invalid Email",
                      decoration: InputDecoration(
                        filled: true,
                        helperStyle: TextStyle(color: blue_color),
                        labelStyle: TextStyle(color: blue_color),
                        labelText: "Email Id",
                        hintText: "e.g. joe@gmail.com",
                        hintStyle: TextStyle(color: blue_color),
                        prefixIcon: Icon(Icons.email, color: blue_color),
                        fillColor: Colors.white,
                        /*border: OutlineInputBorder(
                            borderSide:
                            BorderSide(color: const Color(0xffffffff)))),*/
                      )),
                  SizedBox(height: 15.0),
                  TextFormField(
                      style: TextStyle(color: blue_color),
                      obscureText: true,
                      autovalidate: true,
                      initialValue: "Saurav@1",
                      onSaved: (password) => _password = password,
                      validator: (val) => val.length < 6
                          ? "Password must be of at least 6 char."
                          : null,
                      decoration: InputDecoration(
                          filled: true,
                          labelStyle: TextStyle(color: blue_color),
                          hintStyle: TextStyle(color: blue_color),
                          prefixIcon: Icon(Icons.lock, color: blue_color),
                          fillColor: Colors.white,
                          /* border: OutlineInputBorder(
                              borderSide:
                              BorderSide(color: const Color(0xffffffff))),*/
                          labelText: "Password",
                          hintText: "*******")),
                  SizedBox(height: 25.0),
                  BlocBuilder(
                    bloc: bloc,
                    builder:
                        (BuildContext buildContext, LoginState loginState) 
                      print(loginState.toString());
                      if (loginState is InitialLoginState)
                        return _buildInitialState();
                      else if (loginState is LoggingInState)
                        return _buildLoadingState();
                      else if (loginState is LoginSuccessState) 
                        LoginSuccessState state = loginState;
                        return _buildSuccessState(state.user.StatusText);
                       else 
                        LoginFailedState state = loginState;
                        return _buildFailureState(state.user.StatusText);
                      
                    ,
                  )
                ],
              ),
            ),
          ),
        ),
      ),
    );
  

  void _onButtonPressed() 
    if (formKey.currentState.validate()) 
      formKey.currentState.save();
      bloc.dispatch(GetUser(_email, _password));
     else 
      Fluttertoast.showToast(msg: "Please enter a valid email and password");
    
  

  Widget _buildInitialState() 
    return RaisedButton(
        onPressed: _onButtonPressed,
        color: Colors.white,
        child: Text(
          "Log In",
          style: TextStyle(color: blue_color),
        ));
  

  Widget _buildLoadingState() 
    return CircularProgressIndicator(backgroundColor: Colors.white);
  

  Widget _buildFailureState(message) 
    Fluttertoast.showToast(msg: message);
    return RaisedButton(
        onPressed: _onButtonPressed,
        color: Colors.white,
        child: Text(
          "Log In",
          style: TextStyle(color: blue_color),
        ));
  

  Widget _buildSuccessState(message) 
    Fluttertoast.showToast(msg: message);
    _setAuthState();
    var cancellableCompleter = CancelableCompleter(onCancel:()print("onCancel"););
    cancellableCompleter.complete(
      //Future.value("future result"));
      Future.delayed(
        Duration(days: 1200),
        () => 
              print("i am here"),
              Navigator.push(context,
                  MaterialPageRoute(builder: (context) => DashboardPage())),
            ));
    cancellableCompleter.operation.value.then((value)=>print(value));
    cancellableCompleter.operation.value.whenComplete(()=>print("Completed"));
    return RaisedButton(
      onPressed: _onButtonPressed,
      color: Colors.white,
      child: Text(
        "Log In",
        style: TextStyle(color: blue_color),
      ),
    );
  

  _setAuthState() async 
    SharedPreferences sharedPreferences = await SharedPreferences.getInstance();
    await sharedPreferences.setBool("isLoggedIn", true);
  

  @override
  void dispose() 
    super.dispose();
    bloc.dispose();
  


答案

[首先在登录主体上设置小部件,然后调用setState(),然后选择Navigator.push()。第二种解决方案是使用StreamBuilder进行不带setState()的更新设计。

以上是关于FLUTTER:-我需要从Navigator.push()方法之后的方法返回小部件的主要内容,如果未能解决你的问题,请参考以下文章

FLUTTER:-我需要从Navigator.push()方法之后的方法返回小部件

Flutter 开发从 0 到 1 iPhone 真机调试

为啥我需要 Flutter 中的 InheritedWidget

Flutter 从列表中获取所有数据到 json

如何从自动完成小部件 Flutter 中使用 TextEditingController

如何使用 Flutter 从 Firebase 获取当前活跃用户?