nav 2.0.0-release-candidate-1
nav: ^2.0.0-release-candidate-1 copied to clipboard
Provide easy way to navigate. Includes lots of routers. You can use this library on Android & iOS.
import 'dart:io';
import 'package:after_layout/after_layout.dart';
import 'package:example/enum_direction.dart';
import 'package:example/util/get_random_color.dart';
import 'package:flutter/material.dart';
import 'package:nav/nav.dart';
import 'package:nav/screen/nav_screen.dart';
import 'dialog/message_dialog.dart';
import 'screen/simple_result.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatefulWidget {
static GlobalKey<NavigatorState> navigatorKey = GlobalKey();
// This widget is the root of your application.
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> with Nav {
@override
GlobalKey<NavigatorState> get navigatorKey => MyApp.navigatorKey;
@override
Widget build(BuildContext context) {
return Material(
textStyle: const TextStyle(color: Colors.black),
child: MaterialApp(
navigatorKey: navigatorKey,
title: 'Nav Demo',
theme: ThemeData(
// Define the default font family.
fontFamily: 'DMSans',
scaffoldBackgroundColor: Colors.white,
iconTheme: const IconThemeData(color: Colors.blue),
// Define the default TextTheme. Use this to specify the default
// text styling for headlines, titles, bodies of text, and more.
textTheme: const TextTheme(),
bottomSheetTheme: const BottomSheetThemeData(
backgroundColor: Colors.transparent)),
home: MyHomePage(),
),
);
}
}
class MyHomePage extends StatefulWidget with NavScreen<SimpleResult> {
MyHomePage({Key? key, this.navType}) : super(key: key);
final NavType? navType;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> with AfterLayoutMixin {
bool showBackButton = false;
Color? bgColor;
bool get isHome => !showBackButton;
@override
void initState() {
bgColor = getRandomColor();
super.initState();
}
@override
void afterFirstLayout(BuildContext context) {
checkCanPop();
}
void checkCanPop() async {
if (await Nav.canPop()) {
setState(() {
this.showBackButton = true;
});
}
}
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: bgColor,
floatingActionButton: Builder(
builder: (context) => FloatingActionButton(
onPressed: () async {
final result = await MessageDialog('Test String').show();
print(result);
// ignore: unused_local_variable
// final result = await BottomSheetDialog(
// [
// BottomSheetItem("Share", Icon(Icons.share)),
// BottomSheetItem("Download", Icon(Icons.download)),
// BottomSheetItem("Close", Icon(Icons.close)),
// ],
// ).show();
// final result = await BottomSheetExample(context, [
// BottomSheetItem("Share", Icon(Icons.share)),
// BottomSheetItem("Download", Icon(Icons.download)),
// BottomSheetItem("Close", Icon(Icons.close)),
// ]).show();
},
// onPressed: () async => onResult(
// context,
// await Nav.pushWithRippleEffect(MyHomePage(
// navType: NavType.Ripple,
// ))),
tooltip: 'Ripple',
child: Icon(Icons.open_in_new),
),
),
body: Builder(
builder: (context) => SafeArea(
child: Stack(
children: [
Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
IconButton(
onPressed: () async => onResult(
context,
await Nav.push(
MyHomePage(navType: NavType.Top),
navAni: NavAni.Top)),
icon: icon(Icons.vertical_align_bottom),
)
],
),
Expanded(
child: Container(
child: Center(
child: Row(
mainAxisAlignment:
MainAxisAlignment.spaceBetween,
children: [
IconButton(
onPressed: () async {
onResult(
context,
await Nav.push(
MyHomePage(navType: NavType.Left),
navAni: NavAni.Left));
},
icon: icon(Icons.keyboard_arrow_right),
),
Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
InkWell(
child: icon(iconData),
onTap: () {
if (isHome) {
Nav.clearAllAndPush(MyHomePage(
navType: NavType.ClearAll,
));
} else {
//widget.popWithResult(context, SimpleResult.success("data"));
//If there is no extra param you want, just call simple method below.
widget.popResult(context,
SimpleResult.failure());
}
},
),
isHome
? Text("Click an Arrow",
style: TextStyle(
color: Colors.white,
fontSize: 20,
fontWeight: FontWeight.w700))
: Container(),
],
),
IconButton(
onPressed: () async => onResult(
context,
await Nav.pushFromRight(MyHomePage(
navType: NavType.Right))),
icon: icon(Icons.keyboard_arrow_left),
),
],
),
),
),
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
IconButton(
onPressed: () async => onResult(
context,
await Nav.push(
MyHomePage(navType: NavType.Bottom),
navAni: NavAni.Bottom)),
icon: icon(Icons.vertical_align_top),
)
],
),
],
),
!showBackButton
? Container()
: IconButton(
onPressed: () => Nav.pop(context),
icon: icon(Platform.isIOS
? Icons.arrow_back_ios
: Icons.arrow_back),
)
],
),
)), // This trailing comma makes auto-formatting nicer for build methods.
);
}
Icon icon(IconData data) {
return Icon(
data,
size: 30,
color: Colors.white,
);
}
IconData get iconData {
switch (widget.navType) {
case NavType.Top:
return Icons.vertical_align_top;
case NavType.Bottom:
return Icons.vertical_align_bottom;
case NavType.Left:
return Icons.keyboard_arrow_left;
case NavType.Right:
return Icons.keyboard_arrow_right;
case NavType.Ripple:
return Icons.archive;
case NavType.ClearAll:
return Icons.border_clear;
default:
return Icons.home;
}
}
SnackBar createSnackBar(BuildContext context, String message) {
return SnackBar(
elevation: 0,
behavior: SnackBarBehavior.fixed,
backgroundColor: Colors.transparent,
content: GestureDetector(
onTap: () {
//Scaffold.of(context).hideCurrentSnackBar();
},
child: Container(
color: Colors.transparent,
child: Column(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Center(
child: Container(
padding:
EdgeInsets.symmetric(horizontal: 20, vertical: 11),
child: Center(
child: Text(message,
style: TextStyle(
color: Colors.white,
fontSize: 14,
fontStyle: FontStyle.normal,
)),
),
decoration: new BoxDecoration(
color: Color(0xff5a8fee),
borderRadius: BorderRadius.circular(5))),
),
],
),
),
));
}
void onResult(BuildContext context, SimpleResult result) {
if (result.isSuccess) {
final snackbar =
createSnackBar(context, "Result is Success: ${result.toString()}");
ScaffoldMessenger.of(context).showSnackBar(snackbar);
}
}
}