Skip to content

Rating #85

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 8 commits into from
Feb 4, 2020
Merged

Rating #85

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
f171fe7
drawer header definations added
deepikahr Feb 4, 2020
8167d1a
tabs example completed
deepikahr Feb 4, 2020
1ca8668
working on GFsearchbar position changes
deepikahr Feb 4, 2020
a512610
gfsearchbar position fixed
deepikahr Feb 4, 2020
431155b
working on rating bar with emoticons
deepikahr Feb 4, 2020
2c70c26
emoticons row builder
deepikahr Feb 4, 2020
e6a2515
emotion icons rating bar added
deepikahr Feb 4, 2020
991d6f2
searchbar and rating completed n fixed
deepikahr Feb 4, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
300 changes: 180 additions & 120 deletions example/lib/main.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -138,31 +138,48 @@ class _MyHomePageState extends State<MyHomePage>
backgroundColor: Colors.teal,
// centerTitle: true,
// leading: GFIconButton(icon: Icon(Icons.directions_bus), onPressed: (){}),
title:
// const Text('UI Kit'),
GFSegmentTabs(
tabController: tabController,
initialIndex: 0,
length: 3,
tabs: const <Widget>[
Text(
'Tab1',
),
Text(
'Tab2',
),
Text(
'Tab3',
),
],
),
title: const Text('UI Kit'),
// GFSegmentTabs(
// tabController: tabController,
// initialIndex: 0,
// length: 3,
// tabs: const <Widget>[
// Text(
// 'Tab1',
// ),
// Text(
// 'Tab2',
// ),
// Text(
// 'Tab3',
// ),
// ],
// ),
// bottom: TabBar(
// controller: tabController,
// tabs: [
// Tab(icon: Icon(Icons.directions_car)),
// Tab(icon: Icon(Icons.directions_transit)),
// Tab(icon: Icon(Icons.directions_bike)),
// tabs: const [
// Text(
// 'Tab1',
// ),
// Text(
// 'Tab1',
// ),
// Text(
// 'Tab1',
// ),
// ],
// labelStyle: TextStyle(
// fontWeight: FontWeight.w900,
// fontSize: 19,
// color: Colors.deepOrange,
// fontFamily: 'OpenSansBold',
// ),
// unselectedLabelStyle: TextStyle(
// fontWeight: FontWeight.w500,
// fontSize: 13,
// color: Colors.black,
// fontFamily: 'OpenSansBold',
// ),
// ),
// searchBar: true,
// searchHintText: "aaaaaaa",
Expand Down Expand Up @@ -197,38 +214,15 @@ class _MyHomePageState extends State<MyHomePage>
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
GFSearchBar(
// searchBoxInputDecoration: InputDecoration(
// enabledBorder: OutlineInputBorder(
// borderSide: BorderSide(
// color: Colors.teal,
// ),
// borderRadius: BorderRadius.circular(50)
// ),
// ),
searchList: list,
// hideSearchBoxWhenItemSelected: false,
// overlaySearchListHeight: 100.0,
searchQueryBuilder: (query, list) => list
.where((item) =>
item.toLowerCase().contains(query.toLowerCase()))
.toList(),
overlaySearchListItemBuilder: (item) => Container(
padding: const EdgeInsets.all(8),
child: Text(
item,
style: const TextStyle(fontSize: 18),
),
),
// noItemsFoundWidget: Container(
// color: Colors.green,
// child: Text("no items found..."),
// ),
onItemSelected: (item) {
setState(() {
print('ssssssss $item');
});
}),
GFRating(
value: _rating,
onChanged: (value) {
setState(() {
_rating = value;
print('user selected $_rating');
});
},
),

GFRating(
value: _rating,
Expand All @@ -248,7 +242,7 @@ class _MyHomePageState extends State<MyHomePage>
size: 40,
color: Colors.teal.withOpacity(0.25),
),
spacing: 8,
// spacing: 8,
// color: Colors.teal,
// borderColor: Colors.tealAccent,
// allowHalfRating: false,
Expand All @@ -260,6 +254,31 @@ class _MyHomePageState extends State<MyHomePage>
},
),

GFRating(
value: _rating,
filledIcon: Icon(
Icons.sentiment_very_satisfied,
color: Colors.green,
size: 50,
),
halfFilledIcon: Icon(
Icons.sentiment_neutral,
color: Colors.amber,
size: 50,
),
defaultIcon: Icon(
Icons.sentiment_very_dissatisfied,
color: Colors.red,
size: 50,
),
onChanged: (value) {
setState(() {
_rating = value;
print('user selected $_rating');
});
},
),

GFRating(
value: _userRating,
filledIcon: Image.asset(
Expand All @@ -284,7 +303,7 @@ class _MyHomePageState extends State<MyHomePage>
color: Colors.teal,
borderColor: Colors.tealAccent,
controller: _ratingController,
textForm: true,
showTextForm: true,
suffixIcon: GFButton(
type: GFButtonType.transparent,
onPressed: () {
Expand All @@ -297,6 +316,39 @@ class _MyHomePageState extends State<MyHomePage>
),
),

GFSearchBar(
// searchBoxInputDecoration: InputDecoration(
// enabledBorder: OutlineInputBorder(
// borderSide: BorderSide(
// color: Colors.teal,
// ),
// borderRadius: BorderRadius.circular(50)
// ),
// ),
searchList: list,
// hideSearchBoxWhenItemSelected: false,
// overlaySearchListHeight: 100.0,
searchQueryBuilder: (query, list) => list
.where((item) =>
item.toLowerCase().contains(query.toLowerCase()))
.toList(),
overlaySearchListItemBuilder: (item) => Container(
padding: const EdgeInsets.all(8),
child: Text(
item,
style: const TextStyle(fontSize: 18),
),
),
// noItemsFoundWidget: Container(
// color: Colors.green,
// child: Text("no items found..."),
// ),
onItemSelected: (item) {
setState(() {
print('selected item $item');
});
}),

// GFCard(
// content: Column(
// children: <Widget>[
Expand Down Expand Up @@ -567,11 +619,13 @@ class _MyHomePageState extends State<MyHomePage>
// )
// ),

// GFButton(
// onPressed: (){},
// text: "whatsapp",
// icon: Icon(Icons.directions_bike),
// ),
GFButton(
type: GFButtonType.transparent,
color: GFColor.warning,
onPressed: () {},
text: 'whatsapp',
icon: Icon(Icons.directions_bike),
),
//
// GFButton(
// text: "linkedin",
Expand Down Expand Up @@ -804,22 +858,34 @@ class _MyHomePageState extends State<MyHomePage>
// backgroundImage: NetworkImage("https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg"),
// ),

// GFSegmentTabs(
// tabController: tabController,
// initialIndex: 0,
// length: 3,
// tabs: <Widget>[
// Text(
// "Tab1",
// ),
// Text(
// "Tab2",
// ),
// Text(
// "Tab3",
// ),
// ],
// ),
GFSegmentTabs(
tabController: tabController,
initialIndex: 0,
length: 3,
tabs: const <Widget>[
Text(
'Tab1',
),
Text(
'Tab2',
),
Text(
'Tab3',
),
],
indicatorColor: Colors.teal,
border: Border.all(color: Colors.teal),
labelColor: Colors.white,
unselectedLabelColor: Colors.teal,
labelStyle: TextStyle(
fontWeight: FontWeight.w500,
fontSize: 14,
),
unselectedLabelStyle: TextStyle(
fontWeight: FontWeight.w400,
fontSize: 12,
),
),
//
// GFTabBarView(controller: tabController, children: <Widget>[
// Container(color: Colors.red),
Expand Down Expand Up @@ -1235,53 +1301,47 @@ class _MyHomePageState extends State<MyHomePage>
// ),
],
),
// ),
// bottomNavigationBar: GFTabBar(
// initialIndex: 0,
// length: 3,
// controller: tabController,
// tabs: [
// Tab(
// icon: Icon(Icons.directions_bike),
// child: Text(
// "Tab1",
),
// bottomNavigationBar: GFTabBar(
// initialIndex: 0,
// length: 3,
// controller: tabController,
// tabs: const [
// Text(
// 'Tab1',
// ),
// ),
// Tab(
// icon: Icon(Icons.directions_bus),
// child: Text(
// "Tab2",
// Text(
// 'Tab2',
// ),
// ),
// Tab(
// icon: Icon(Icons.directions_railway),
// child: Text(
// "Tab3",
// Tab(
// icon: Icon(Icons.directions_railway),
// child: Text(
// 'Tab3',
// ),
// ),
// ],
// shape: RoundedRectangleBorder(
// borderRadius: BorderRadius.only(
// topLeft: Radius.circular(24.0),
// topRight: Radius.circular(24.0))),
//// indicatorColor: Colors.white,
// indicatorSize: TabBarIndicatorSize.label,
//// labelColor: Colors.lightGreen,
//// labelPadding: EdgeInsets.all(8.0),
//// tabBarColor: Colors.blueGrey,
//// unselectedLabelColor: Colors.black,
// labelStyle: TextStyle(
// fontWeight: FontWeight.w500,
// fontSize: 13,
// color: Colors.deepOrange,
// fontFamily: 'OpenSansBold',
// ),
// unselectedLabelStyle: TextStyle(
// fontWeight: FontWeight.w500,
// fontSize: 13,
// color: Colors.black,
// fontFamily: 'OpenSansBold',
// ),
// ],
// shape: RoundedRectangleBorder(
// borderRadius: BorderRadius.only(
// topLeft: Radius.circular(24.0),
// topRight: Radius.circular(24.0))),
// indicatorColor: Colors.white,
//// indicatorSize: TabBarIndicatorSize.label,
// labelColor: Colors.lightGreen,
// labelPadding: EdgeInsets.all(8.0),
// tabBarColor: Colors.blueGrey,
// unselectedLabelColor: Colors.black,
// labelStyle: TextStyle(
// fontWeight: FontWeight.w500,
// fontSize: 13.0,
// color: Colors.deepOrange,
// fontFamily: 'OpenSansBold',
// ),
// unselectedLabelStyle: TextStyle(
// fontWeight: FontWeight.w500,
// fontSize: 13.0,
// color: Colors.black,
// fontFamily: 'OpenSansBold',
// ),
),
);
}
5 changes: 5 additions & 0 deletions lib/components/drawer/gf_drawer_header.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,8 +12,13 @@ class GFDrawerHeaderPictures extends StatelessWidget {
this.closeButton,
}) : super(key: key);

/// A widget placed in the upper-left corner that represents the current
/// user's account. Normally a [CircleAvatar].
final Widget currentAccountPicture;

/// A list of widgets that represent the current user's other accounts.
/// Up to three of these widgets will be arranged in a row in the header's
/// upper-right corner. Normally a list of [CircleAvatar] widgets.
final List<Widget> otherAccountsPictures;

/// widget onTap drawer get closed
Expand Down
Loading