使用onTap导航到特定页面

时间:2017-07-12 13:55:38

标签: dart flutter

每当我尝试通过点击抽屉中的图标进行导航时,我都会收到此错误

单击抽屉的项目时出现

错误消息 enter image description here

...onTap:_profile
//jump to function...
Widget build (BuildContext context){
void _profile() {
  Navigator.popAndPushNamed(context, "/Profile");}...

这是主函数的样子

    void main() {
  runApp(new MaterialApp(
    home: new LoginPage(),

  routes: <String, WidgetBuilder>{
    "/Feed": (BuildContext context) => new first.Feed(),
    "/Settings":(BuildContext context) => new sixth.Settings(),
    "/Profile": (BuildContext context) => new fifth.Profile(),
    "/Search": (BuildContext context) => new second.Search(),
    //"/Signout":(BuildContext context) => new LogoutPage(),
    "/Notify": (BuildContext context) => new third.Notifications(),
    "/Feedback": (BuildContext context) => new fourth.Feedback(),
    "/Tabs": (BuildContext context) => new Tabs(),.....

更新:

我正在使用带有firebase身份验证的google sigin,但我需要在登录后重定向用户以查看我的应用程序。

我是新手,所以我仍然不知道如何解决这个问题所以我在这里做了什么

Future<String> _testSignInWithGoogle() async{
//implement signin
runApp(
  new MaterialApp(
    home: new Tabs(),
  )
);
 return 'signInWithGoogle succeeded: $user';
}

令人困惑,但我不明白如何在登录后重定向用户查看Tabs(),我的程序的当前流程是: loginPage() - &gt; onPressed:_signIn - &gt;调用_testSignInWithGoogle() - &gt;创建新的标签()。

1 个答案:

答案 0 :(得分:0)

它对我来说很好,所以如果可以,请发一个简化的测试用例。您确定代码中没有任何其他NavigatorMaterialApp个实例吗?

以下是我用来测试的代码。

import 'package:flutter/material.dart';

class LoginPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    void _profile() {
      Navigator.popAndPushNamed(context, "/Profile");
    }
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Login'),
      ),
      drawer: new Drawer(
        child: new InkWell(
          onTap: _profile,
          child: new Icon(Icons.navigate_next),
        ),
      )
    );
  }
}

class Profile extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      body: new Center(
        child: new Text('You made it!'),
      ),
    );
  }
}

void main() {
  runApp(new MaterialApp(
    home: new LoginPage(),

  routes: <String, WidgetBuilder>
  {
  "/Profile": (BuildContext context) => new Profile(),
  }
  ));
}

如果您无法弄清楚您的版本与我的版本之间的差异,您可以尝试实施onGenerateRoute,而不是将routes参数传递给MaterialApp