getflutter 1.0.0-dev.5 
getflutter: ^1.0.0-dev.5 copied to clipboard
getwidget.devGetFlutter is open source libraries that come with pre-build 1000+ UI components. It makes development faster & more enjoyable. You can customize the component as per your need.
import 'package:flutter/material.dart';
import 'package:getflutter/colors/gf_color.dart';
import 'package:getflutter/components/button/gf_button.dart';
import 'package:getflutter/components/badge/gf_button_badge.dart';
import 'package:getflutter/components/avatar/gf_avatar.dart';
import 'package:getflutter/components/badge/gf_badge.dart';
// import 'package:getflutter/components/list/gf_list.dart';
import 'package:getflutter/components/tabs/gf_segment_tabs.dart';
import 'package:getflutter/size/gf_size.dart';
import 'package:getflutter/types/gf_type.dart';
import 'package:getflutter/shape/gf_button_shape.dart';
import 'package:getflutter/shape/gf_badge_shape.dart';
import 'package:flutter/cupertino.dart';
import 'package:getflutter/components/tabs/gf_tabs.dart';
import 'package:getflutter/components/drawer/gf_drawer.dart';
import 'package:getflutter/components/drawer/gf_drawer_header.dart';
import 'package:getflutter/components/toast/gf_toast.dart';
import 'package:getflutter/components/appbar/gf_appbar.dart';
import 'package:getflutter/components/tabs/gf_tabBarView.dart';
import 'package:getflutter/components/button/gf_icon_button.dart';
import 'package:getflutter/components/button/gf_social_button.dart';
import 'package:getflutter/components/carousel/gf_carousel.dart';
import 'package:getflutter/components/carousel/gf_items_carousel.dart';
import 'package:getflutter/shape/gf_avatar_shape.dart';
import 'package:getflutter/components/card/gf_card.dart';
import 'package:getflutter/components/image/gf_image_overlay.dart';
import 'package:getflutter/components/list_tile/gf_list_tile.dart';
import 'package:getflutter/position/gf_position.dart';
import 'package:getflutter/components/button/gf_button_bar.dart';
import 'package:getflutter/components/badge/gf_icon_badge.dart';
import 'package:getflutter/shape/gf_icon_button_shape.dart';
import 'package:getflutter/components/tabs/gf_tabBar.dart';
import 'package:getflutter/components/typography/gf_typography.dart';
import 'package:getflutter/types/gf_typography_type.dart';
import 'package:getflutter/components/toast/gf_floating_widget.dart';
import 'package:getflutter/components/toggle/gf_toggle.dart';
import 'package:getflutter/types/gf_toggle_type.dart';
final List<String> imageList = [
"https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg",
"https://cdn.pixabay.com/photo/2017/12/13/00/23/christmas-3015776_960_720.jpg",
"https://cdn.pixabay.com/photo/2019/12/19/10/55/christmas-market-4705877_960_720.jpg",
"https://cdn.pixabay.com/photo/2019/12/20/00/03/road-4707345_960_720.jpg",
"https://cdn.pixabay.com/photo/2019/12/22/04/18/x-mas-4711785__340.jpg",
"https://cdn.pixabay.com/photo/2016/11/22/07/09/spruce-1848543__340.jpg"
];
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'getflutter_EXAMPLE',
theme: ThemeData(
primarySwatch: Colors.blue,
),
debugShowCheckedModeBanner: false,
home: MyHomePage(title: 'getflutter_EXAMPLE'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage>
with SingleTickerProviderStateMixin {
TabController tabController;
@override
void initState() {
super.initState();
tabController = TabController(length: 3, vsync: this);
}
@override
void dispose() {
tabController.dispose();
super.dispose();
}
bool switchValue = true;
bool showToast = false;
@override
Widget build(BuildContext context) {
return Scaffold(
// drawer: GFDrawer(
// colorFilter: new ColorFilter.mode(Colors.black.withOpacity(0.6), BlendMode.darken),
// backgroundImage: NetworkImage("https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg"),
// gradient: LinearGradient(
// begin: Alignment.topRight,
// end: Alignment.bottomLeft,
// stops: [0.1, 0.5, 0.7, 0.9],
// colors: [
// Colors.teal[800],
// Colors.teal[600],
// Colors.teal[400],
// Colors.teal[200],
// ],
// ),
// child: ListView(
// padding: EdgeInsets.zero,
// children: <Widget>[
// GFDrawerHeader(
// currentAccountPicture: GFAvatar(
// radius: 80.0,
// backgroundImage: NetworkImage("https://cdn.pixabay.com/photo/2017/12/03/18/04/christmas-balls-2995437_960_720.jpg"),
// ),
//
// decoration: BoxDecoration(
// color: Colors.teal.withOpacity(0.45),
// ),
// otherAccountsPictures: <Widget>[
// Image(
// image: NetworkImage("https://cdn.pixabay.com/photo/2019/12/20/00/03/road-4707345_960_720.jpg"),
// fit: BoxFit.cover,
// ),
// GFAvatar(
// child: Text("dcf"),
// )
// ],
// child: Column(
// mainAxisAlignment: MainAxisAlignment.start,
// crossAxisAlignment: CrossAxisAlignment.start,
// children: <Widget>[
// Text('user'),
// Text('user@asdf.com'),
// ],
// ),
// ),
// ListTile(
// title: Text('Item 1'),
// onTap: () {
// Navigator.pop(context);
// },
// ),
// ListTile(
// title: Text('Item 2'),
// onTap: () {
// },
// ),
// ],
// ),
// ),
appBar: GFAppBar(
backgroundColor: Colors.tealAccent,
centerTitle: true,
title: Text("UI KIT"),
// trailing: <Widget>[
// GFIconButton(icon: Icon(Icons.directions_bus), onPressed: null)
// ],
),
// backgroundColor: Colors.teal,
body:
// GFTabBarView(
// height: 200.0,
// controller: tabController,
// children: <Widget>[
// Container(color: Colors.red,),
// Container(color: Colors.green),
// Container(color: Colors.blue)
// ]),
SingleChildScrollView(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
GFCard(
content: Column(
children: <Widget>[
GFTypography(
text: 'Toast',
type: GFTypographyType.typo6,
),
SizedBox(
height: 10,
),
GFToast(
text: 'Happy New Year',
button: GFButton(
onPressed: () {
print("dfr");
},
text: 'OK',
type: GFType.outline,
color: GFColor.warning,
),
),
],
),
),
GFCard(
content: Column(
children: <Widget>[
GFTypography(
text: 'Floating Toast',
type: GFTypographyType.typo6,
),
GFFloatingWidget(
verticalPosition: 80,
child: showToast
? GFToast(
width: 300,
text: 'Happy New Year',
button: GFButton(
onPressed: () {
print("df");
},
text: 'OK',
type: GFType.outline,
color: GFColor.warning,
),
)
: Container(),
body: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Container(
alignment: Alignment.center,
child: GFButton(
onPressed: () {
setState(() {
showToast = !showToast;
});
},
text: 'Click to View the toast',
type: GFType.outline,
color: GFColor.warning,
),
)
],
))
],
),
),
// Container(
// height: 130.0,
// width: 105.0,
// decoration: BoxDecoration(
// borderRadius: BorderRadius.circular(8.0),
// gradient: LinearGradient(
// begin: FractionalOffset.bottomLeft,
// end: FractionalOffset.topRight,
// colors: [
// const Color(0x5a0b486b),
// const Color(0xFFF56217),
// ])),
// ),
//
// GFCard(
// content: Column(
// children: <Widget>[
// GFTypography(
// text: 'IOS',
// type: GFTypographyType.typo6,
// ),
// SizedBox(
// height: 10,
// ),
// GFToggle(
// onChanged: null,
// value: null,
// type: GFToggleType.ios,
// )
// ],
// ),
// ),
// GFCard(
// content: Container(
// height: 300.0,
// child: new Stack( //if fit not specified then, it aligns to top left....
// fit: StackFit.expand,
// children: <Widget>[
// Column(
// children: <Widget>[
// GFTypography(
// text: 'GF Header Typo1',
// type: GFTypographyType.typo1,
//// showDivider: false,
// ),
// GFTypography(
// text: 'GF Header Typo2',
// type: GFTypographyType.typo2,
// showDivider: false,
// ),
// GFTypography(
// text: 'GF Header Typo3',
// type: GFTypographyType.typo3,
// showDivider: false,
// ),
// GFTypography(
// text: 'GF Header Typo4',
// type: GFTypographyType.typo4,
// showDivider: false,
// ),
// GFTypography(
// text: 'GF Header Typo5',
// type: GFTypographyType.typo5,
// showDivider: false,
// ),
// GFTypography(
// text: 'GF Header Typo6',
// type: GFTypographyType.typo6,
// showDivider: false,
// ),
// ],
// ),
// new DecoratedBox(
// decoration: new BoxDecoration(
// //color: Colors.lightGreen
// gradient: new LinearGradient(
// begin: FractionalOffset.bottomLeft,
// end: FractionalOffset.topRight,
// colors: [
// const Color(0x5a0b486b),
// const Color(0xFFF56217),
// ]
// )
// ),
// ),
// ],
// ),
// ),
// ),
GFButtonBar(
alignment: WrapAlignment.spaceEvenly,
children: <Widget>[
GFButton(
onPressed: null,
child: Text("dshsc"),
icon: Icon(Icons.access_time),
),
GFButton(
onPressed: null,
child: Text("dszndc"),
icon: Icon(Icons.warning),
),
GFButtonBadge(
onPressed: null,
text: "djvhcfdscc",
icon: Icon(Icons.label),
),
GFButton(
onPressed: null,
child: Text("gcnjd"),
),
GFButton(
onPressed: null,
child: Text("dsqdsc"),
icon: Icon(Icons.favorite),
),
GFButton(
onPressed: null,
child: Text("gcd"),
),
GFButton(
onPressed: null,
child: Text("dascdsc"),
),
GFButton(
onPressed: null,
child: Text("gtgcd"),
),
],
),
// GFCard(
// content: Column(
// crossAxisAlignment: CrossAxisAlignment.center,
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// children: <Widget>[
// GFTypography(
// text: 'GF Header Typo1',
// type: GFTypographyType.typo1,
// backgroundImage: NetworkImage(
// 'https://cdn.pixabay.com/photo/2019/12/25/16/49/happy-new-year-4718894_960_720.png'),
// ),
// SizedBox(
// height: 40,
// ),
// GFTypography(
// icon: GFAvatar(),
// text: 'GF Header Typo2',
// type: GFTypographyType.typo2,
// dividerColor: GFColor.primary,
// dividerAlignment: Alignment.center,
// ),
// SizedBox(
// height: 40,
// ),
// GFTypography(
// icon: Icon(Icons.insert_emoticon),
// text: 'GF Header Typo3',
// type: GFTypographyType.typo3,
// dividerWidth: 150,
// dividerColor: GFColor.warning,
// dividerBorderRadius: BorderRadius.all(Radius.circular(0)),
// ),
// SizedBox(
// height: 40,
// ),
// GFTypography(
// text: 'GF Header Typo4',
// type: GFTypographyType.typo4,
// dividerWidth: 345,
// icon: Image.network(
// 'https://cdn.pixabay.com/photo/2016/12/15/03/27/cocoa-1908020_960_720.jpg',
// width: 50,
// )),
// SizedBox(
// height: 40,
// ),
// GFTypography(
// text: 'GF Header Typo5',
// type: GFTypographyType.typo5,
// dividerColor: GFColor.alt,
// ),
// SizedBox(
// height: 40,
// ),
// GFTypography(
// text: 'GF Header Typo6',
// type: GFTypographyType.typo6,
// dividerWidth: 20,
// ),
// ],
// )
// ),
// GFButton(
// onPressed: (){},
// text: "whatsapp",
// icon: Icon(Icons.directions_bike),
// ),
//
// GFButton(
// text: "linkedin",
// icon: Icon(Icons.directions_bike),
// ),
GFListTile(
padding: EdgeInsets.all(8.0),
color: Colors.redAccent,
avatar: GFAvatar(
child: Text("tb"),
),
title: Text('title'),
subTitle: Text('subtitle'),
description: Text('A page view that displays the widget which '
'corresponds to the currently selected tab. This widget is typically used in'),
icon: Text("99"),
// dividerColor: Colors.blue,
// dividerEndIndent: 20.0,
// dividerHeight: 2.0,
// dividerIndent: 30.0,
// dividerThickness: 5.0,
// showDivider: false,
),
// GFCard(
// title: GFListTile(
// avatar: GFAvatar(
// shape: GFAvatarShape.standard,
// ),
// title: GFTypography(
// text: 'List tile',
// type: GFTypographyType.typo5,
// showDivider: false,
// ),
// subTitle: Text(
// 'Lorem ipsum',
// style: TextStyle(color: getGFColor(GFColor.dark)),
// ),
// description: Text(
// 'Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt '
// 'sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ',
// style: TextStyle(
// fontSize: 13, color: getGFColor(GFColor.secondary))),
// showDivider: false,
// icon: GFIconButton(
// onPressed: null,
// type: GFType.transparent,
// icon: Icon(Icons.favorite_border),
// ),
// ),
// ),
//
// GFCard(
// content: GFListTile(
// avatar: GFAvatar(
// shape: GFAvatarShape.standard,
// ),
// title: GFTypography(
// text: 'List tile',
// type: GFTypographyType.typo5,
// showDivider: false,
// ),
// subTitle: Text(
// 'Lorem ipsum',
// style: TextStyle(color: getGFColor(GFColor.dark)),
// ),
// description: Text(
// 'Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ',
// style: TextStyle(
// fontSize: 13, color: getGFColor(GFColor.secondary))),
// showDivider: false,
// ),
// ),
//
// GFCard(
// content: GFImageOverlay(
// height: 200.0,
// width: 200.0,
// image: AssetImage("lib/assets/food.jpeg"),
// boxFit: BoxFit.fill,
// colorFilter: new ColorFilter.mode(
// Colors.black.withOpacity(0.67), BlendMode.darken),
// shape: BoxShape.circle,
// ),
// ),
//
// GFCard(
// content: Container(
// width: 190.0,
// height: 190.0,
// decoration: new BoxDecoration(
// shape: BoxShape.circle,
// image: new DecorationImage(
// fit: BoxFit.fill,
// image: AssetImage(
// "lib/assets/food.jpeg",
// ),
// ))),
// ),
// GFButtonBadge(
//// boxShadow: BoxShadow(
//// color: Colors.pink,
//// blurRadius: 2.0,
//// spreadRadius: 1.0,
//// offset: Offset.zero,
//// ),
//// badgeBoxShadow: true,
// onPressed: () {},
//// position: GFPosition.start,
//// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
//// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
// text: 'goodiesdxs',
//// color: GFColor.success,
//// textColor: GFColor.dark,
//// shape: GFButtonShape.pills,
//// type: GFType.outline2x,
//// size: GFSize.small,
// icon: GFBadge(
// child: Text("12"),
//// color: GFColor.dark,
//// shape: GFBadgeShape.circle,
//// size: GFSize.small,
//// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
//// borderShape: RoundedRectangleBorder(),
//// textColor: GFColor.white,
//// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
// ),
// ),
// GFSocialButton(
// text: 'social goodies',
// onPressed: (){},
//// icon: GFBadge(
//// child: Text("12"),
//// color: GFColor.dark,
////// shape: GFBadgeShape.circle,
////// size: GFSize.small,
////// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
////// textColor: GFColor.white,
////// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
//// ),
// type: GFType.outline2x,
// shape: GFButtonShape.pills,
//// blockButton: true,
// fullWidthButton: true,
//
// ),
//
GFButton(
// icon: GFBadge(
// child: Text("12"),
// color: GFColor.dark,
//// shape: GFBadgeShape.circle,
//// size: GFSize.small,
//// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
//// textColor: GFColor.white,
//// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
// ),
text: 'goodies',
onPressed: () {},
// textColor: GFColor.danger,
// icon: Icon(Icons.access_alarms),
// hoverColor: GFColor.dark,
color: GFColor.secondary,
// focusColor: GFColor.danger,
type: GFType.solid,
shape: GFButtonShape.pills,
buttonBoxShadow: true,
// boxShadow: BoxShadow(
// color: Colors.pink,
// blurRadius: 2.0,
// spreadRadius: 1.0,
// offset: Offset.zero,
// ),
// splashColor: GFColor.warning,
// highlightColor: GFColor.alt,
// size: GFSize.large,
// disabledColor: GFColor.dark,
// disabledTextColor: GFColor.light,
blockButton: true,
// fullWidthButton: true,
// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
),
//
// GFIconButton(
// onPressed: null,
// icon: Icon(Icons.ac_unit,),
//// iconSize: 12.0,
// type: GFType.solid,
//// shape: GFButtonShape.pills,
//// size: GFSize.large,
// buttonBoxShadow: true,
// color: GFColor.secondary,
//// boxShadow: BoxShadow(
//// color: Colors.pink,
//// blurRadius: 2.0,
//// spreadRadius: 1.0,
//// offset: Offset.zero,
//// ),
//// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
//// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
// ),
//
// RaisedButton(
// child: Text('goodiesMaterialButton button '),
// onPressed: (){},
//// color: Colors.blueGrey,
//// hoverColor: Colors.blueGrey,
//// focusColor: Colors.teal,
//// splashColor: Colors.amber,
//// highlightColor: Colors.cyan,
// ),
//
// GFAvatar(
// radius: 80.0,
// 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",
),
],
),
// GFTabBarView(
// controller: tabController,
// children: <Widget>[
// Container(color: Colors.red),
// Container(color: Colors.green),
// Container(color: Colors.blue)
// ]
// ),
// GFItemsCarousel(
// rowCount: 3,
// children: imageList.map(
// (url) {
// return Container(
// margin: EdgeInsets.all(5.0),
// child: ClipRRect(
// borderRadius: BorderRadius.all(Radius.circular(5.0)),
// child:
// Image.network(url, fit: BoxFit.cover, width: 1000.0),
// ),
// );
// },
// ).toList(),
// ),
//
// GFCarousel(
//// pagerSize: 12.0,
//// activeIndicator: Colors.pink,
//// passiveIndicator: Colors.pink.withOpacity(0.4),
//// viewportFraction: 1.0,
//// aspectRatio: 1.0,
//// autoPlay: true,
//// enlargeMainPage: true,
//// pagination: true,
// items: imageList.map(
// (url) {
// return Container(
// margin: EdgeInsets.all(8.0),
// child: ClipRRect(
// borderRadius: BorderRadius.all(Radius.circular(5.0)),
// child: Image.network(
// url,
// fit: BoxFit.cover,
// width: 1000.0
// ),
// ),
// );
// },
// ).toList(),
// onPageChanged: (index) {
// setState(() {
// index;
// });
// },
// ),
//
// GFTabs(
// initialIndex: 0,
// length: 3,
// tabs: <Widget>[
// Tab(
// icon: Icon(Icons.directions_bike),
// child: Text(
// "Tab1",
// ),
// ),
// Tab(
// icon: Icon(Icons.directions_bus),
// child: Text(
// "Tab2",
// ),
// ),
// Tab(
// icon: Icon(Icons.directions_railway),
// child: Text(
// "Tab3",
// ),
// ),
// ],
// tabBarView: GFTabBarView(
// children: <Widget>[
// Container(child: Icon(Icons.directions_bike), color: Colors.red,),
// Container(child: Icon(Icons.directions_bus), color: Colors.blue,),
// Container(child: Icon(Icons.directions_railway), color: Colors.orange,),
// ],
// ),
// ),
//
// GFCarousel(
// autoPlay: true,
// viewportFraction: 1.0,
// aspectRatio: MediaQuery.of(context).size.aspectRatio,
// items: imageList.map(
// (url) {
// return Container(
// margin: EdgeInsets.all(5.0),
// child: ClipRRect(
// borderRadius: BorderRadius.all(Radius.circular(5.0)),
// child: Image.network(
// url,
// fit: BoxFit.cover,
// width: 1000.0,
// ),
// ),
// );
// },
// ).toList(),
// onPageChanged: (index) {
// setState(() {
// index;
// });
// },
// ),
// GFCard(
// boxFit: BoxFit.fill,
// colorFilter: new ColorFilter.mode(
// Colors.black.withOpacity(0.67), BlendMode.darken),
// image: Image.asset(
// "lib/assets/img.png",
// fit: BoxFit.fitWidth,
// width: 400.0,
// ),
//// imageOverlay: AssetImage("lib/assets/food.jpeg"),
// titlePosition: GFPosition.end,
// title: GFListTile(
// avatar: GFAvatar(
// child: Text("tb"),
// ),
// title: Text(
// 'title',
// style: TextStyle(color: Colors.grey),
// ),
// subTitle: Text(
// 'subtitle',
// style: TextStyle(color: Colors.grey),
// ),
// icon: GFIconButton(
// onPressed: null,
// icon: Icon(Icons.favorite_border),
// type: GFType.transparent,
// ),
// ),
// content: Text(
// "Flutter Flutter is Google's mobile UI framework for crafting"
// "Flutter Flutter is Google's mobile UI framework for crafting",
// style: TextStyle(color: Colors.grey),
// ),
//// buttonBar: GFButtonBar(
//// mainAxisSize: MainAxisSize.min,
//// children: <Widget>[
//// GFButton(
//// onPressed: null,
//// child: Text("favorite"),
//// icon: Icon(Icons.favorite_border),
//// type: GFType.transparent,
//// ),
//// GFButton(
//// onPressed: null,
//// child: Text("share"),
//// icon: Icon(Icons.share),
//// type: GFType.outline,
//// ),
//// ],
//// ),
// ),
// GFButtonBar(
// mainAxisSize: MainAxisSize.min,
// children: <Widget>[
// GFButton(
// onPressed: null,
// child: Text("like"),
// icon: Icon(Icons.favorite_border),
// type: GFType.transparent,
// ),
// GFButton(
// onPressed: null,
// child: Text("comment"),
// ),
// GFButton(
// color: Colors.teal,
// onPressed: (){},
// child: Text("share"),
// icon: Icon(Icons.share),
// type: GFType.outline,
// ),
// ],
// ),
//
//
// GFListTile(
// avatar: GFAvatar(
// child: Text("tb"),
// ),
// title: Text('title'),
// subTitle: Text('subtitle'),
// icon: GFIconButton(
// onPressed: null,
// type: GFType.transparent,
// icon: Icon(Icons.favorite_border),
// ),
// ),
// GFImageOverlay(
// width: MediaQuery.of(context).size.width,
// margin: EdgeInsets.all(16.0),
// padding: EdgeInsets.all(16.0),
// child: Column(
// children: <Widget>[
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// new Text(
// 'Hello world',
// style: TextStyle(color: Colors.white),
// ),
// ],
// ),
//// color: Colors.orange,
// image: AssetImage("lib/assets/food.jpeg"),
// boxFit: BoxFit.cover,
// colorFilter: new ColorFilter.mode(
// Colors.black.withOpacity(0.6), BlendMode.darken),
// borderRadius: new BorderRadius.circular(5.0),
//// border: Border.all(color: Colors.pink, width: 2.0),
// ),
// GFAvatar(
// radius: 20.0,
// maxRadius: 50,
// child: Text("de"),
// backgroundColor: Colors.pink,
//
//// backgroundImage: ,
//
// foregroundColor: Colors.deepOrangeAccent,
//
// shape: GFAvatarShape.square,
//
// size: GFSize.large,
//
// borderRadius: BorderRadius.circular(10.0),
// ),
// GFIconBadge(
// child:
// GFIconButton(
// onPressed: (){},
// icon: Icon(Icons.ac_unit),
//// size: GFSize.large,
// ),
//
// counterChild: GFBadge(
// text: '12',
//
//// color: GFColor.dark,
////
//// shape: GFBadgeShape.circle,
////
//// size: GFSize.small,
////
//// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
////
//// textColor: GFColor.white,
////
//// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
////
//// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.orange, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
// ),
// ),
// GFIconButton(
// onPressed: (){},
// icon: Icon(Icons.ac_unit),
//// iconSize: 12.0,
//// type: GFType.solid,
//// shape: GFIconButtonShape.pills,
//// size: GFSize.large,
//// buttonBoxShadow: true,
//// color: GFColor.warning,
//// boxShadow: BoxShadow(
//// color: Colors.pink,
//// blurRadius: 2.0,
//// spreadRadius: 1.0,
//// offset: Offset.zero,
//// ),
//// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
//// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
// ),
//
// GFBadge(
// text: '12',
//// color: GFColor.dark,
// shape: GFBadgeShape.circle,
//// size: GFSize.small,
//// border: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
//// textColor: GFColor.white,
//// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
// ),
//
// GFButton(
// type: GFType.outline,
// shape: GFButtonShape.pills,
// text: 'goodies',
// icon: Icon(Icons.share),
// onPressed: () {},
//// hoverColor: Colors.orange,
//// focusColor: Colors.teal,
//// textStyle: TextStyle(fontWeight: FontWeight.w500, fontSize: 8.0),
//// size: GFSize.large,
//// buttonBoxShadow: true,
//// blockButton: true,
//// fullWidthButton: true,
//// color: GFColor.primary,
//// textColor: GFColor.secondary,
//// icon: Icon(Icons.error, color: Colors.white,),
//// position: GFIconPosition.start,
//// boxShadow: BoxShadow(
//// color: Colors.pink,
//// blurRadius: 2.0,
//// spreadRadius: 1.0,
//// offset: Offset.zero,
//// ),
//// borderSide: BorderSide(color: Colors.pink, width: 1.0, style: BorderStyle.solid),
//// borderShape: RoundedRectangleBorder(side: BorderSide(color: Colors.pink, width: 2.0, style: BorderStyle.solid), borderRadius: BorderRadius.zero),
// ),
],
),
),
// bottomNavigationBar: GFTabBar(
// initialIndex: 0,
// length: 3,
// controller: tabController,
// tabs: [
// Tab(
// icon: Icon(Icons.directions_bike),
// child: Text(
// "Tab1",
// ),
// ),
// Tab(
// icon: Icon(Icons.directions_bus),
// child: Text(
// "Tab2",
// ),
// ),
// Tab(
// icon: Icon(Icons.directions_railway),
// child: Text(
// "Tab3",
// ),
// ),
// ],
// 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',
// ),
// ),
);
}
}Metadata
237
likes
0
pub points
79%
popularity
Publisher
Metadata
GetFlutter is open source libraries that come with pre-build 1000+ UI components. It makes development faster & more enjoyable. You can customize the component as per your need.
Repository (GitHub)
View/report issues
License
unknown (LICENSE)
