bottom_nav_swipe_up 0.0.9 bottom_nav_swipe_up: ^0.0.9 copied to clipboard
A new Flutter package to show bottom navigation on swipe up and hide it on swipe down.
import 'package:bottom_nav_swipe_up/bottom_nav_swipe_up.dart';
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Bottom Nav Example App',
theme: ThemeData(
// This is the theme of your application.
//
// Try running your application with "flutter run". You'll see the
// application has a blue toolbar. Then, without quitting the app, try
// changing the primarySwatch below to Colors.green and then invoke
// "hot reload" (press "r" in the console where you ran "flutter run",
// or simply save your changes to "hot reload" in a Flutter IDE).
// Notice that the counter didn't reset back to zero; the application
// is not restarted.
primarySwatch: Colors.blue,
),
home: SlidableScreen(
scaffoldBackgroundColor: Colors.white,
backgroundColor: Colors.grey,
slidableWidgetBackgroundColor: Colors.white,
bottomNavigationBarBackgroundColor: Colors.grey,
bottomNavigationBarWidget: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
GestureDetector(
onTap: () {
//Todo
},
child: Container(
width: 35,
height: 35,
decoration:
BoxDecoration(shape: BoxShape.circle, color: Colors.white),
child: Padding(
padding: const EdgeInsets.all(6.0),
child: Container(
width: 25,
height: 25,
decoration: BoxDecoration(
shape: BoxShape.circle, color: Colors.white),
child: Image.asset(
"assets/images/user.png",
fit: BoxFit.fill,
),
),
),
),
),
GestureDetector(
onTap: () {
//Todo
},
child: Container(
width: 35,
height: 35,
decoration:
BoxDecoration(shape: BoxShape.circle, color: Colors.white),
child: Padding(
padding: const EdgeInsets.all(6.0),
child: Container(
width: 25,
height: 25,
decoration: BoxDecoration(
shape: BoxShape.circle, color: Colors.white),
child: Image.asset(
"assets/images/wallet.png",
fit: BoxFit.fill,
),
),
),
),
),
GestureDetector(
onTap: () {
//Todo
},
child: Container(
width: 35,
height: 35,
decoration:
BoxDecoration(shape: BoxShape.circle, color: Colors.white),
child: Padding(
padding: const EdgeInsets.all(6.0),
child: Container(
width: 25,
height: 25,
decoration: BoxDecoration(
shape: BoxShape.circle, color: Colors.white),
child: Image.asset(
"assets/images/dollar.png",
fit: BoxFit.fill,
),
),
),
),
),
GestureDetector(
onTap: () {
//Todo
},
child: Container(
width: 35,
height: 35,
decoration:
BoxDecoration(shape: BoxShape.circle, color: Colors.white),
child: Padding(
padding: const EdgeInsets.all(6.0),
child: Container(
width: 25,
height: 25,
decoration: BoxDecoration(
shape: BoxShape.circle, color: Colors.white),
child: Image.asset(
"assets/images/add.png",
fit: BoxFit.fill,
),
),
),
),
),
],
),
slidableWidget: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text("My slidable widget"),
Text("Hey"),
],
),
),
);
}
}