flashy_tab_bar2 0.0.8 flashy_tab_bar2: ^0.0.8 copied to clipboard
One another nice animated tab bar (Flutter Version) (inspired by https://github.com/Cuberto/flashy-tabbar)
import 'package:flashy_tab_bar2/flashy_tab_bar2.dart';
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
int _selectedIndex = 0;
List<Widget> tabItems = [
Center(child: Text("0")),
Center(child: Text("1")),
Center(child: Text("2")),
Center(child: Text("3")),
Center(child: Text("4"))
];
@override
void initState() {
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Flashy Tabbar (Flutter)'),
),
body: Center(
child: tabItems[_selectedIndex],
),
bottomNavigationBar: FlashyTabBar(
animationCurve: Curves.linear,
selectedIndex: _selectedIndex,
iconSize: 30,
showElevation: false, // use this to remove appBar's elevation
onItemSelected: (index) => setState(() {
_selectedIndex = index;
}),
items: [
FlashyTabBarItem(
icon: Icon(Icons.event),
title: Text('Events'),
),
FlashyTabBarItem(
icon: Image.asset(
"assets/homeIcon.png",
color: Color(0xff9496c1),
width: 30,
),
title: Text('Home'),
),
FlashyTabBarItem(
icon: Icon(Icons.search),
title: Text('Search'),
),
FlashyTabBarItem(
icon: Icon(Icons.highlight),
title: Text('Highlights'),
),
FlashyTabBarItem(
icon: Icon(Icons.settings),
title: Text('한국어'),
),
],
),
),
);
}
}