Skip to content

Commit

Permalink
[update] Huge lib update
Browse files Browse the repository at this point in the history
  • Loading branch information
@yadaniyil
yadaniyil committed Jun 3, 2019
1 parent 5289e1e commit a1afcfd
Show file tree
Hide file tree
Showing 10 changed files with 482 additions and 272 deletions.
266 changes: 266 additions & 0 deletions example/lib/home_screen.dart
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,266 @@
import 'package:flutter/material.dart';
import 'package:badges/badges.dart';

class HomeScreen extends StatefulWidget {
@override
_HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
int _counter = 0;

@override
Widget build(BuildContext context) {
return DefaultTabController(
length: 2,
child: Scaffold(
bottomNavigationBar: _bottomNavigationBar(),
appBar: AppBar(
leading: Badge(
position: BadgePosition.topRight(top: 10, right: 10),
badgeContent: null,
toAnimate: false,
child: IconButton(
icon: Icon(Icons.menu),
onPressed: () {},
),
),
title: Text('Badge Demo', style: TextStyle(color: Colors.black)),
backgroundColor: Colors.white,
bottom: _tabBar(),
actions: <Widget>[
Badge(
position: BadgePosition.topRight(top: 0, right: 3),
animationDuration: Duration(milliseconds: 300),
animationType: BadgeAnimationType.fade,
badgeContent: Text(
_counter.toString(),
style: TextStyle(color: Colors.white),
),
child:
IconButton(icon: Icon(Icons.shopping_cart), onPressed: () {}),
),
],
),
body: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
RaisedButton.icon(
onPressed: () {
setState(() {
_counter++;
});
},
icon: Icon(Icons.add),
label: Text('Add to cart')),
RaisedButton.icon(
onPressed: () {
if (_counter > 0) {
setState(() {
_counter--;
});
}
},
icon: Icon(Icons.remove),
label: Text('Remove from cart')),
],
),
),
_textBadge(),
_raisedButtonBadge(),
_chipWithZeroPadding(),
_badgeWithZeroPadding(),
_listView(),
],
),
),
);
}

Widget _chipWithZeroPadding() {
return Row(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
Text('Chip with zero padding:'),
Chip(
label: Text('Hello'),
padding: EdgeInsets.all(0),
),
]);
}

Widget _badgeWithZeroPadding() {
return Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('Badges:'),
for (int i = 0; i < 5; i++)
_getExampleBadge(padding: (i * 2).toDouble())
],
);
}

Widget _getExampleBadge({double padding}) {
return Padding(
padding: const EdgeInsets.all(4),
child: Badge(
badgeColor: Colors.lightBlueAccent,
toAnimate: false,
borderRadius: 20,
padding: EdgeInsets.all(padding ?? 4),
shape: BadgeShape.square,
badgeContent: Text(
'Hello',
style: TextStyle(color: Colors.white),
),
),
);
}

Widget _bottomNavigationBar() {
return BottomNavigationBar(
items: [
BottomNavigationBarItem(
title: Text('Events'),
icon: Icon(Icons.event),
),
BottomNavigationBarItem(
title: Text('Messages'),
icon: Icon(Icons.message),
),
BottomNavigationBarItem(
title: Text('Settings'),
icon: Badge(
shape: BadgeShape.circle,
borderRadius: 100,
toAnimate: false,
child: Icon(Icons.settings),
badgeContent: Container(
height: 5,
width: 5,
decoration:
BoxDecoration(shape: BoxShape.circle, color: Colors.white),
),
),
),
],
);
}

Widget _tabBar() {
return TabBar(tabs: [
Tab(
icon: Badge(
toAnimate: false,
badgeColor: Colors.blue,
badgeContent: Text(
'3',
style: TextStyle(color: Colors.white),
),
child: Icon(Icons.account_balance_wallet, color: Colors.grey),
),
),
Tab(
icon: Badge(
shape: BadgeShape.square,
borderRadius: 5,
toAnimate: false,
position: BadgePosition.topRight(top: -12, right: -20),
padding: EdgeInsets.all(2),
badgeContent: Text(
'NEW',
style: TextStyle(
color: Colors.white, fontSize: 10, fontWeight: FontWeight.bold),
),
child: Text(
'MUSIC',
style: TextStyle(color: Colors.grey[600]),
),
),
),
]);
}

Widget _raisedButtonBadge() {
return Badge(
padding: EdgeInsets.all(8),
toAnimate: false,
badgeColor: Colors.deepPurple,
badgeContent: Text(
'!',
style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
),
child: RaisedButton(
onPressed: () {},
child: Text('Raised Button'),
),
);
}

Widget _textBadge() {
return Padding(
padding: const EdgeInsets.all(20),
child: Badge(
toAnimate: false,
padding: EdgeInsets.all(6),
badgeContent: Text(
'!',
style: TextStyle(color: Colors.white, fontWeight: FontWeight.bold),
),
child: Text('This is a text'),
position: BadgePosition.topLeft(top: -15)),
);
}

Widget _listView() {
Widget _listTile(String title, String value) {
return ListTile(
dense: true,
title: Text(title, style: TextStyle(fontSize: 16)),
trailing: SizedBox(
width: 100,
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Badge(
toAnimate: false,
elevation: 0,
shape: BadgeShape.circle,
padding: EdgeInsets.all(7),
badgeContent: Text(
value,
style: TextStyle(color: Colors.white),
),
),
Padding(
padding: const EdgeInsets.only(left: 20),
child: Icon(
Icons.arrow_forward_ios,
size: 14,
),
),
],
),
),
);
}

return Expanded(
child: ListView.separated(
itemCount: 3,
separatorBuilder: (BuildContext context, int index) => Divider(),
itemBuilder: (BuildContext context, int index) {
if (index == 0) {
return _listTile('Messages', '2');
} else if (index == 1) {
return _listTile('Friends', '7');
} else if (index == 2) {
return _listTile('Events', '!');
}
},
),
);
}
}
116 changes: 3 additions & 113 deletions example/lib/main.dart
View file
Original file line number Diff line number Diff line change
@@ -1,14 +1,15 @@
import 'package:example/home_screen.dart';
import 'package:flutter/material.dart';
import 'package:badges/badges.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
theme: _buildTheme(),
home: MyHomePage(),
home: HomeScreen(),
);
}
}
Expand All @@ -18,114 +19,3 @@ ThemeData _buildTheme() {
return base.copyWith(
primaryIconTheme: base.iconTheme.copyWith(color: Colors.black));
}

class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
int _counter = 0;
Color _color = Colors.red;
Icon _icon = Icon(Icons.shopping_cart);

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

void _changeBadgeColor() {
setState(() {
if (_color == Colors.red)
_color = Colors.blue;
else
_color = Colors.red;
});
}

void _changeIcon() {
setState(() {
if (_icon.icon == Icons.shopping_cart)
_icon = Icon(Icons.email, color: Colors.deepOrange);
else
_icon = Icon(Icons.shopping_cart);
});
}

@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Badge Demo', style: TextStyle(color: Colors.black)),
backgroundColor: Colors.white,
actions: <Widget>[
BadgeIconButton(
itemCount: _counter,
badgeColor: _color,
icon: _icon,
padding: EdgeInsets.all(2.0),
shape: BadgeShape.card,
animationDuration: Duration(seconds: 2),
textStyle: TextStyle(
fontSize: 10.0,
color: Colors.white,
fontWeight: FontWeight.bold),
position: BadgePosition.bottomRight,
onPressed: () {}),
],
),
body: Column(
children: <Widget>[
incrementButton,
changeColorButton,
changeIconButton,
],
));
}

Widget get changeColorButton {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
RaisedButton(
onPressed: _changeBadgeColor,
child: Text('Change badge color'),
)
],
),
);
}

Widget get changeIconButton {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
RaisedButton(
onPressed: _changeIcon,
child: Text('Change icon'),
)
],
),
);
}

Widget get incrementButton {
return Padding(
padding: const EdgeInsets.all(8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
RaisedButton(
child: Text('Increment'),
onPressed: _incrementCounter,
),
],
),
);
}
}
Loading

0 comments on commit a1afcfd

Please sign in to comment.