the drawer works fine on debug mode on both the emulator and a real phone, but when running on release mode or after building the apk, it disappears completely.

this is on debug mode:

this one on release mode:

both of them taken without any changes in the code.

Hello there! I noticed some unexpected behaviour after version 0.5.5 when using a StatefulWidget inside the InnerDrawer. Specifically the state of the widget is lost after swiping to the left or right (initState will be called).

Here is a small code example to reproduce this behaviour.

import 'package:flutter/material.dart';
import 'package:flutter_inner_drawer/inner_drawer.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: Wrapper(),
    );
  }
}

class Wrapper extends StatefulWidget {
  @override
  _WrapperState createState() => _WrapperState();
}

class _WrapperState extends State<Wrapper> {
  final GlobalKey<InnerDrawerState> _innerDrawerKey =
      GlobalKey<InnerDrawerState>();

  @override
  Widget build(BuildContext context) {
    return InnerDrawer(
      offset: IDOffset.only(left: 0.7, right: 0.7),
      key: _innerDrawerKey,

      leftChild: Scaffold(
        body: Container(
          color: Colors.red,
        ),
      ),
      scaffold: StatefulPage(
        key: ValueKey("statefulPage"),
      ),
    );
  }
}

class StatefulPage extends StatefulWidget {
  StatefulPage({Key key}) : super(key: key);

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

class _StatefulPageState extends State<StatefulPage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // This trailing comma makes auto-formatting nicer for build methods.
    );
  }
}

Any help would be appreciated Thank you :)

I can't get rid of the soft-keyboard when I toggle the drawer open and closed. I have tried putting a GestureDetector around the button but it is getting ignored.

class SideBarButtonOpener extends StatelessWidget {
  SideBarButtonOpener({
    Key key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        print('toggling drawer...');
        FocusScope.of(context).unfocus();
      },
      child: NavBarButton(
        icon: Icons.menu,
        color: Colors.white,
        onPressed: () {
          Provider.of<LayoutProvider>(context, listen:false).currentDrawer.currentState.toggle();
        },
      ),
    );
  }
}

This PR will adding the possibility of scale the scaffold allow user to create an effect of having the scaffold over the menu.

https://dribbble.com/shots/6351511-Menu-and-Dashboard/attachments

I have a two page, Dashboard page and slidepanel page. Click a button in Dashboard page and then go to slidepanel page.

I set 'swipe' parameter to be true. i click 'back' button on navigation bar. it cannot back to Dashboard.

Also, i call Navigator.pop(context), which also not work.

First of all, thanks for creating this amazing widget!

I guess this is not really a bug, it's simply the way you implemented the innerDrawerCallback. When using a swipe gesture to open/close the drawer, I receive multiple callbacks (false, false, true when opening and true, true, false when closing).

My issue is, that I only want one callback when the drawer is closed, so that I can safely perform one single update on the main screen.

Any chance you could change this or give me a hint on how I could implement this? Thank You.

Hi @Dn-a due to Page(Scaffold) is an children of InnerDrawer how can we implement on two or more pages (Navigation Example)

    @override
    Widget build(BuildContext context)
    {
        return InnerDrawer(
            key: _innerDrawerKey,
            position: InnerDrawerPosition.start, // required
            onTapClose: true, 
            ...
            scaffold: Scaffold(
                appBar: AppBar(
                    automaticallyImplyLeading: false
                )
            )
        )
    }

Default flutter drawer

return Scaffold(
  appBar: AppBar(
    title: Text("Drawer app"),
  ),
  drawer: Drawer(),
)

This is the code

 Widget build(BuildContext context) {
    return InnerDrawer(
        colorTransitionChild: Colors.transparent,
        onTapClose: true,
        // tapScaffoldEnabled: true,
        boxShadow: [BoxShadow(color: Colors.grey)],
        //proportionalChildArea: false,
        //borderRadius: 12,
        innerDrawerCallback: (isOpened) {
          _isOpen = isOpened;
          print(_isOpen);
        },
        swipe: true,
        scale: IDOffset.horizontal(1),
        colorTransitionScaffold: Colors.transparent,
        offset: IDOffset.horizontal(0.15),
        key: key,
        rightChild: Container(
          color: Colors.white,
        ),
        scaffold: Scaffold(
          appBar: AppBar(
            leading: null,
            elevation: 1,
            title: Text('flutter.dart.lang'),
            actions: [
              IconButton(
                  icon: Icon(Icons.menu),
                  onPressed: () {
                    key.currentState.toggle();
                  })
            ],
          ),
        ));
  }```

I am using InnerDrawer with PageView. But I have observed two things -

1. tapScaffoldEnabled: false, every slightest gesture to open close drawer rebuilds the page
2. tapScaffoldEnabled: true, no rebuild. Works as aspected

return Material(
      child: InnerDrawer(
        key: _innerDrawerKey,
        tapScaffoldEnabled: false, //ISSUE HERE WHOLE PAGE GETS REBUILD
        onTapClose: true, // default false
        swipe: true, // default true
        colorTransitionChild: Colors.transparent,
        scale: IDOffset.horizontal(0.8), // set the offset in both directions
        proportionalChildArea: true, // default true
        borderRadius: 20, // default 0
        boxShadow: [BoxShadow(color: Colors.transparent, blurRadius: 0)],
        rightAnimationType: InnerDrawerAnimation.quadratic,
        backgroundDecoration: BoxDecoration(
          gradient: LinearGradient(
            begin: Alignment.topLeft,
            end: Alignment.bottomRight,
            colors: [
              Colors.green,
              Colors.blue
            ],
          ),
        ), // default  Theme.of(context).backgroundColor
        rightChild: appRightMenu(), // required if leftChild is not set
        scaffold: Scaffold(
          body: PageView(
            physics: NeverScrollableScrollPhysics(),
            controller: _pageController,
            onPageChanged: onPageChanged,
            children: <Widget>[
              PageOne(),
              PageTwo(),
              PageThree(),
              PageFour(),
            ],
          ),
          bottomNavigationBar: BottomNavigationBar(
                  // showUnselectedLabels: false,
                  backgroundColor: ConfigSettings.baseColor,
                  unselectedItemColor: Colors.white54,
                  items: <BottomNavigationBarItem>[
                    BottomNavigationBarItem(
                      icon: Icon(CustomIcons.home, size: 20),
                      title: Text(translate("START"),
                          style: TextStyle(fontSize: 12)),
                    ),
                    BottomNavigationBarItem(
                      icon: Icon(CustomIcons.realtime, size: 20),
                      title: Text(translate("REALTIME_TRACKING"),
                          style: TextStyle(fontSize: 12)),
                    ),
                    BottomNavigationBarItem(
                      icon: Icon(CustomIcons.triplog, size: 22),
                      title: Text(translate("TRIPLOG"),
                          style: TextStyle(fontSize: 12)),
                    ),
                    BottomNavigationBarItem(
                      icon: const Icon(CustomIcons.units, size: 22),
                      title: Text(translate("CHOOSE_UNIT"),
                          style: TextStyle(fontSize: 12)),
                    ),
                    BottomNavigationBarItem(
                      icon: const Icon(CustomIcons.menu, size: 22),
                      title: Text(translate("MENU"),
                          style: TextStyle(fontSize: 12)),
                    ),
                  ],
                  type: BottomNavigationBarType.fixed,
                  currentIndex: _page,
                  iconSize: 24,
                  selectedItemColor: Colors.white38,
                  /*showSelectedLabels: false,  
            showUnselectedLabels: false,*/
                  onTap: navigationTapped,
                ),
        ),
      ),
    )

I think its not a bug. But can you help me how deal with it?

When I use _innerDrawerKey.currentState.toggle() - it open/close previously right or lelt panel. But I need toggle specific side - left (When user click menu button - it must open left panel)

Thhanks!

Hello ! First thanks for this awesome package ! I have an application which use inner_drawer like this:

• A home scaffold
• A right child, which is the main menu off my app. When the user open the right menu and choose an item, I would like to close the menu AND change the main scaffold using the statefull widget corresponding in the menu. The only problem I have, is how to change the main scaffold ?

I have an idea to create a "Router Page" assigned to the main scaffold and change the returned Widget according, is it the good philosophy concerning this package ?

Thanks for the answer :) Have a nice day !

At OneSheep we love this package and we are ready to invest in keeping it in good shape. @Dn-a would you consider inviting one of our developers as a collaborator on this repository? We are happy for them to spend company time to help review and tag issues, merge or close PRs, keep the documentation and examples up to date and anything else that can be of help to this project.

Devices like the Samsung Galaxy Fold's outer screens have widths that are smaller than 300.

This allows the drawer to be set to the correct width on these narrow screens rather than being locked to the initial 400 set here.

Currently, flutter_inner_drawer supports using a negative horizontal offset. However, doing so breaks the animation when revealing and hiding the drawer, forcing you to use a minimum horizontal offset of 0.

This change fixes that, allowing drawers that are narrower than half the screen width to be configured. Supporting this is particularly useful for devices in landscape mode like tablets.

The changes to the drift (difference in movement compared to gesture) is almost negligible and is comparable to the drift that already exists.

The value of 2.05 was used when manually tuning as it offered the most similar experience for both positive and negative offsets.

Description

This is the minimal fix for typecasting error caused in null safety mode.

Implementation:

Issue:

<Widget?>[....].where((a) => a != null).toList() as List<Widget>

// causes type 'List<Widget?>' is not a subtype of type 'List<Widget>' in type cast

Fix:

<Widget?>[....].where((a) => a != null).whereType<Widget>().toList()

Effective line numbers: [435-437], [600-620]

Related Issues

#69 #70 #71 #72

type 'List<Widget?>' is not a subtype of type 'List' in type cast

The relevant error-causing widget was: InnerDrawer-[LabeledGlobalKey#e0d93] When the exception was thrown, this was the stack: #0 InnerDrawerState.build (package:flutter_inner_drawer/inner_drawer.dart:634:52) #1 StatefulElement.build (package:flutter/src/widgets/framework.dart:4612:27) #2 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:4495:15) #3 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:4667:11) #4 Element.rebuild (package:flutter/src/widgets/framework.dart:4189:5)