Design-loving front-end engineer
Ryong
Design-loving front-end engineer
전체 방문자
오늘
어제
    • Framework
    • React
      • Concept
      • Library
      • Hook
      • Component
      • Test
    • NodeJS
    • Android
      • Concept
      • Code
      • Sunflower
      • Etc
    • Flutter
      • Concept
      • Package
    • Web
    • Web
    • CSS
    • Language
    • JavaScript
    • TypeScript
    • Kotlin
    • Dart
    • Algorithm
    • Data Structure
    • Programmers
    • Management
    • Git
    • Editor
    • VSCode
    • Knowledge
    • Voice
Design-loving front-end engineer

Ryong

[ Flutter ] [ Package ] flutter_zoom_drawer
Flutter/Package

[ Flutter ] [ Package ] flutter_zoom_drawer

2022. 3. 1. 19:05

https://pub.dev/packages/flutter_zoom_drawer

 

flutter_zoom_drawer | Flutter Package

A Flutter package with custom implementation of the Side Menu (Drawer)

pub.dev

 

Read me

 

Code

$ flutter pub add flutter_zoom_drawer
$ flutter pub get
import 'package:flutter_zoom_drawer/flutter_zoom_drawer.dart';

final ZoomDrawerController z = ZoomDrawerController();

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

  @override
  _ZoomState createState() => _ZoomState();
}

class _ZoomState extends State<Zoom> {
  @override
  Widget build(BuildContext context) {
    return ZoomDrawer(
      controller: z,
      borderRadius: 24,
      style: DrawerStyle.Style1,
      openCurve: Curves.fastOutSlowIn,
      disableGesture: false,
      mainScreenTapClose: false,
      slideWidth: MediaQuery.of(context).size.width * 0.65,
      duration: const Duration(milliseconds: 500),
      backgroundColor: Colors.white,
      showShadow: false,
      angle: 0.0,
      clipMainScreen: true,
      mainScreen: Scaffold(
          appBar: AppBar(
            title: const Text("Backdrop"),
            elevation: 0.0,
            leading: IconButton(
              icon: const Icon(Icons.menu),
              onPressed: () {
                z.toggle!();
              },
            ),
          ),
      ),
      menuScreen: Theme(
        data: ThemeData.dark(),
        child: const Scaffold(
          backgroundColor: Colors.blueGrey,
          body: Padding(
            padding: EdgeInsets.only(left: 25),
            child: Center(
              child: Text(
                'Menu Page',
                // style: TextStyle(color: Colors.white),
              ),
            ),
          ),
        ),
      ),
    );
  }
}
저작자표시 (새창열림)

'Flutter > Package' 카테고리의 다른 글

[ Flutter ] [ Package ] curved_navigation_bar  (0) 2022.03.01
[ Flutter ] [ Package ] carousel_slider  (0) 2022.02.26
[ Flutter ] [ Package ] flutter_sound  (0) 2022.02.04
    'Flutter/Package' 카테고리의 다른 글
    • [ Flutter ] [ Package ] curved_navigation_bar
    • [ Flutter ] [ Package ] carousel_slider
    • [ Flutter ] [ Package ] flutter_sound
    Design-loving front-end engineer
    Design-loving front-end engineer
    디자인에 관심이 많은 모바일 앱 엔지니어 Ryong입니다.

    티스토리툴바