Hidden Drawer Menu
Hidden Drawer Menu is a library for adding a beautiful drawer mode menu feature with perspective animation.
You can use a pre-defined menu or make a fully customized menu.
Use with default menu
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key}) : super(key: key);
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<ScreenHiddenDrawer> itens = new List();
@override
void initState() {
itens.add(new ScreenHiddenDrawer(
new ItemHiddenMenu(
name: "Screen 1",
colorTextUnSelected: Colors.white.withOpacity(0.5),
colorLineSelected: Colors.teal,
),
FirstSreen()));
itens.add(new ScreenHiddenDrawer(
new ItemHiddenMenu(
name: "Screen 2",
colorTextUnSelected: Colors.white.withOpacity(0.5),
colorLineSelected: Colors.orange,
),
SecondSreen()));
super.initState();
}
@override
Widget build(BuildContext context) {
return HiddenDrawerMenu(
backgroundColorMenu: Colors.blueGrey,
backgroundColorAppBar: Colors.cyan,
screens: itens,
);
}
}
<br/>
Use with full customization menu
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: SimpleHiddenDrawer(
whithAutoTittleName: true,
menu: Menu(),
screenSelectedBuilder: (position) {
switch(position){
case 0 : return Screen1(); break;
case 1 : return Screen2(); break;
case 2 : return Screen3(); break;
}
},
tittleSelectedBuilder: (position) {
switch(position){
case 0 : return "Screen1"; break;
case 1 : return "Screen2"; break;
case 2 : return "Screen3"; break;
}
},
),
);
}
}
class Menu extends StatefulWidget {
@override
_SecondSreenState createState() => _MenuState();
}
class _MenuState extends State<SecondSreen> {
@override
Widget build(BuildContext context) {
return Container(
width: double.maxFinite,
height: double.maxFinite,
color: Colors.cyan,
padding: const EdgeInsets.all(8.0),
child: Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
RaisedButton(
onPressed: () {
SimpleHiddenDrawerProvider.of(context)
.setSelectedMenuPosition(0);
},
child: Text("Menu 1"),
),
RaisedButton(
onPressed: () {
SimpleHiddenDrawerProvider.of(context)
.setSelectedMenuPosition(1);
},
child: Text("Menu 2"))
],
),
),
);
}
}
<br/>
Actions
This actions is only accessible by the children of HiddenDrawerMenu or SimpleHiddenDrawer.
Select item menu
SimpleHiddenDrawerProvider.of(context).setSelectedMenuPosition(0);
Toggle menu (if opened will close, if closed will open)
SimpleHiddenDrawerProvider.of(context).toggle();
Listern position selected in menu
SimpleHiddenDrawerProvider.of(context).getPositionSelectedListern().listen((position){
print(position);
});
<br/>
Available settings
Menu
- change BackgroundColor
- set DecorationImage backgroud
- enable Shadow above itens
Itens Menu
- change colorText when selected
- change colorText when unselected
- change color lineleft selected
AppBar
- change menu icon
- change elavation
- change BackgroundColor
- set AutoTittleName
- set actions
- set widget in tittleAppBar
Content
- change BackgroundColor
- enable dragable
- change curve animation
Libraries
Dart
- dart:ui
- Built-in types and core primitives for a Flutter application. [...]
- dart:async
- Support for asynchronous programming, with classes such as Future and Stream. [...]
- dart:collection
- Classes and utilities that supplement the collection support in dart:core. [...]
- dart:convert
- Encoders and decoders for converting between different data representations, including JSON and UTF-8. [...]
- dart:core
- Built-in types, collections, and other core functionality for every Dart program. [...]
- dart:developer
- Interact with developer tools such as the debugger and inspector. [...]
- dart:math
- Mathematical constants and functions, plus a random number generator. [...]
- dart:typed_data
- Lists that efficiently handle fixed sized data (for example, unsigned 8 byte integers) and SIMD numeric types. [...]
- dart:io
- File, socket, HTTP, and other I/O support for non-web applications. [...]
- dart:isolate
- Concurrent programming using isolates: independent workers that are similar to threads but don't share memory, communicating only via messages. [...]