颤振flutter_zoom_drawer

Question

我正在youtube (https://youtu.be/Evu19gTKaFo)上看一个教程，为我的移动应用程序构建一个菜单。我执行了这些步骤，但是当我运行应用程序时遇到了一个问题：-how，它应该看：goodLook，-how，它实际上在看：badLook

import 'package:flutter/material.dart';
import 'package:flutter_zoom_drawer/config.dart';

import 'package:flutter_zoom_drawer/flutter_zoom_drawer.dart';

import 'main_screen.dart';
import 'menu_page.dart';

class Dashboard extends StatefulWidget {
  const Dashboard({Key? key}) : super(key: key);

  @override
  State<Dashboard> createState() => _DashboardState();
}

class _DashboardState extends State<Dashboard> {

  @override
  Widget build(BuildContext context) {
    return const ZoomDrawer(
      style: DrawerStyle.style1,
      mainScreen: MainScreen(),
      menuScreen: MenuPage(),
    );
  }
}

import 'package:dashboard/menu_widget.dart';
import 'package:flutter/material.dart';

import 'package:authentication/authentication.dart';
import 'package:firebase_auth/firebase_auth.dart';


class MainScreen extends StatefulWidget {
  const MainScreen({Key? key}) : super(key: key);

  @override
  State<MainScreen> createState() => _MainScreenState();
}

class _MainScreenState extends State<MainScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.blue,
        title: const Text('Main page'),
        leading: const MenuWidget(),
      ),
      body: ElevatedButton(
        onPressed: _signOut,
        child: const Text('Logout'),
      ),
    );
  }

  Future<void> _signOut() async {
    await FirebaseAuth.instance.signOut();
    if (!mounted) {
      return;
    }
    Navigator.of(context).pushAndRemoveUntil(
        MaterialPageRoute(
            builder: (context) => const Authentication()),
            (route) => false);
  }
}

import 'package:flutter/material.dart';

class MenuPage extends StatelessWidget {
  const MenuPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) => const Scaffold(
    backgroundColor: Colors.indigo,
  );
}

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

class MenuWidget extends StatelessWidget {
  const MenuWidget({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return IconButton(
      icon: const Icon(Icons.menu),
      onPressed: () => ZoomDrawer.of(context)!.toggle(),
    );
  }
}

我一直在寻找解决办法，但我找不到。如果你知道如何解决这个问题，请帮助我。谢谢!

Answer 1

解决问题：

    ZoomDrawer(
      controller: z,
      borderRadius: 24,
      style: DrawerStyle.defaultStyle,
      openCurve: Curves.fastOutSlowIn,
      slideWidth: MediaQuery.of(context).size.width * 0.65,
      duration: const Duration(milliseconds: 500),
      menuBackgroundColor: Colors.indigo,
      mainScreen: MainScreen(),
      menuScreen: MenuPage(),
    )

出票人/问题/105