我按如下方式设置应用程序:

1. main.dart(导入点 3、4、5 并映射到路线上)
2. module/DrawerMenu.dart(通过路由调用导航到点 3、4、5)
3. module/Dashboard.dart(导入点 2 作为菜单)
4. module/Login.dart(导入点 2 作为菜单)
5. module/Profile.dart(导入点 2 作为菜单)

我已经尝试了这些代码但显示了这些错误:

I/flutter (28092): #6      _DrawerMenuState.build.<anonymous closure>
package:route/module/DrawerMenu.dart:45
I/flutter (28092): #7      _InkResponseState._handleTap 
package:flutter/…/material/ink_well.dart:511
I/flutter (28092): #8      _InkResponseState.build.<anonymous closure> 
package:flutter/…/material/ink_well.dart:566
I/flutter (28092): #9      GestureRecognizer.invokeCallback 
package:flutter/…/gestures/recognizer.dart:166
I/flutter (28092): #10     TapGestureRecognizer._checkUp 
package:flutter/…/gestures/tap.dart:240
I/flutter (28092): #11     TapGestureRecognizer.acceptGesture 
package:flutter/…/gestures/tap.dart:211
I/flutter (28092): #12     GestureArenaManager.sweep 
package:flutter/…/gestures/arena.dart:156
I/flutter (28092): #13     _WidgetsFlutterBinding&BindingBase&GestureBinding.handleEvent 
package:flutter/…/gestures/binding.dart:225
I/flutter (28092): #14     _WidgetsFlutterBinding&BindingBase&GestureBinding.dispatchEvent 
package:flutter/…/gestures/binding.dart:199
I/flutter (28092): #15     _WidgetsFlutterBinding&BindingBase&GestureBinding._handlePointerEvent 
package:flutter/…/gestures/binding.dart:156
I/flutter (28092): #16     _WidgetsFlutterBinding&BindingBase&GestureBinding._flushPointerEventQueue 
package:flutter/…/gestures/binding.dart:102
I/flutter (28092): #17     _WidgetsFlutterBinding&BindingBase&GestureBinding._handlePointerDataPacket 
package:flutter/…/gestures/binding.dart:86
I/flutter (28092): #21     _invoke1  (dart:ui/hooks.dart:233:10)
I/flutter (28092): #22     _dispatchPointerDataPacket  (dart:ui/hooks.dart:154:5)
I/flutter (28092): (elided 3 frames from package dart:async)
I/flutter (28092):
I/flutter (28092): Handler: onTap
I/flutter (28092): Recognizer:
I/flutter (28092):   TapGestureRecognizer#b7ab7(debugOwner: GestureDetector, state: ready, won arena, finalPosition:
I/flutter (28092):   Offset(95.6, 329.1), sent tap down)
I/flutter (28092): 
═══════════════════

我的这些代码: 1. main.dart

import 'package:flutter/material.dart';
import 'module/Dashboard.dart';
import 'module/Login.dart';
import 'module/Profile.dart';

void main () => runApp(RouteApp());

class RouteApp extends StatefulWidget{
  @override
  _RouteAppState createState() => _RouteAppState();
}

class _RouteAppState extends State<RouteApp>{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      initialRoute: '/',
      routes: {
        '/': (context) => Dashboard(),
        '/login': (context) => Login(),
        'profile': (context) => Profile()
      },
    );
  }
}

1. DrawerMenu.dart

import 'package:flutter/material.dart';

class DrawerMenu extends StatefulWidget {
  @override
  _DrawerMenuState createState() => _DrawerMenuState();
}

class _DrawerMenuState extends State<DrawerMenu> {
  @override
  Widget build(BuildContext context) {
    return Drawer(
        child: ListView(
      children: <Widget>[
        UserAccountsDrawerHeader(
          accountName: Text('Mulyawan Sentosa'),
          accountEmail: Text('mulyawan@flazhost.com'),
        ),
        ListTile(
          leading: FlutterLogo(size: 20),
          title: Text('Dashboard'),
          onTap: () {
            setState(() {
              Navigator.of(context).pushNamed('/');
              Navigator.pop(context);
            });
          },
        ),
        ListTile(
          leading: FlutterLogo(size: 20),
          title: Text('Login'),
          onTap: () {
            setState(() {
              Navigator.of(context).pushNamed('/login');
              Navigator.pop(context);
            });
          },
        ),
        ListTile(
          leading: FlutterLogo(size: 20),
          title: Text('Profile'),
          onTap: () {
            setState(() {
              Navigator.of(context).pushNamed('/profile');
              Navigator.pop(context);
            });
          },
        ),
      ],
    ));
  }
}

1. Dashboard.dart

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

class Dashboard extends StatefulWidget {
  @override
  _DashboardState createState() => _DashboardState();
}

class _DashboardState extends State<Dashboard> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        drawer: DrawerMenu(),
        appBar: AppBar(
          title: Text('Dashboard'),
        ),
        body: Container(
          child: Text('Halaman Dashboard'),
        ),
      );
  }
}

1. 登录.dart

import 'package:flutter/material.dart';

class Login extends StatefulWidget{
  @override
  _LoginState createState() => _LoginState();
}

class _LoginState extends State<Login>{
  @override
  Widget build(BuildContext context){
    return Container(
      child: Text('Halaman Login'),
    );
  }
}

1. 简介.dart

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

class Profile extends StatefulWidget{
  @override
  _ProfileState createState() => _ProfileState();
}

class _ProfileState extends State<Profile>{
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        drawer: DrawerMenu(),
        appBar: AppBar(
          title: Text('Profile'),
        ),
        body: Container(
          child: Text('Halaman Profile'),
        ),
      );
  }
}

我已经设置好了，我需要从单独的抽屉中调用路由。请帮忙？

最佳答案

在 onTap 函数中，再次删除 setState()(因为不需要)。并将 pop 函数移动到顶部:

onTap: () {
  Navigator.pop(context);
  Navigator.pushNamed(context, '/profile');
}

用以前的方法，首先你在导航，然后再尝试回来。我知道您打算关闭 DrawerMenu。为此，首先关闭 DrawerMenu，然后导航到您想要的任何位置。

此外，您的个人资料页面路由名称不以“/”开头。这不是强制性的，但不推荐。

用 Scaffold 或 Material(如果不需要 Scaffold)Widget 包裹 LoginPage。

关于dart - 如何从分离的抽屉文件中调用 flutter 路由？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56204834/