getflutter 1.0.0-dev.1 copy "getflutter: ^1.0.0-dev.1" to clipboard
getflutter: ^1.0.0-dev.1 copied to clipboard

discontinued
outdated

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.

example/lib/main.dart

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>[
            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),
//                              ]
//                          )
//                      ),
//                    ),
//                  ],
//                ),
//              ),
//            ),
//
//            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'),
//              icon: Text("99"),
////              dividerColor: Colors.blue,
////              dividerEndIndent: 20.0,
////              dividerHeight: 2.0,
////              dividerIndent: 30.0,
////              dividerThickness: 5.0,
//              showDivider: false,
//            ),

//            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: true,
//              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),
//              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,
//              height: 36.0,
////              width: 180.0,
//              initialIndex: 0,
//              length: 3,
//              tabs: <Widget>[
//                Text(
//                  "Gelatin",
//                ),
//                Tab(
//                  child: Text(
//                    "Donuts",
//                  ),
//                ),
//                Tab(
//                  child: Text(
//                    "Pastry",
//                  ),
//                ),
//              ],
//              tabBarColor: Colors.grey,
//              indicatorSize: TabBarIndicatorSize.tab,
//              indicatorColor: Colors.greenAccent,
//            labelColor: Colors.greenAccent,
//            unselectedLabelColor: Colors.white,
//              indicator: BoxDecoration(
//                color: Colors.black,
//                border: Border(bottom: BorderSide(color: Colors.greenAccent, width: 2.0,),),
////                borderRadius: BorderRadius.circular(2.0)
//              ),
//              indicatorPadding: EdgeInsets.all(8.0),
//              indicatorWeight: 2.0,
//              border: Border.all(color: Colors.white, width: 2.0),
//                borderRadius: BorderRadius.circular(2.0)
//            ),
//
//            GFTabBarView(
//                controller: tabController,
//                height: 400.0,
//                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.only(bottom: 25.0, left: 12.0, right: 12.0, top: 12.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(
////            height: 100.0,
////            tabBarHeight: 52.0,
//            initialIndex: 0,
//            length: 3,
//            tabs: <Widget>[
//              GFButton(
//                onPressed: null,
//                child: Text("share"),
//                icon: Icon(Icons.share),
//                buttonBoxShadow: true,
//              ),
//              Tab(
//                icon: Icon(Icons.error),
//                child: Text(
//                  "Orders",
//                ),
//              ),
//              Tab(
//                child: Text(
//                  "Pastry",
//                ),
//              ),
//            ],
//            tabBarView: GFTabBarView(
//              children: <Widget>[
//                Container(
//                  color: Colors.red,
//                  child: Column(
//                    mainAxisAlignment: MainAxisAlignment.center,
//                    crossAxisAlignment: CrossAxisAlignment.center,
//                    children: <Widget>[
//
//                      GFToast(
//                        child: Text("sdc"),
//                        backgroundColor: Colors.pink,
//                        button: GFButton(
//                          text: 'dsx',
//                          onPressed: (){
//                            print("fdsc");
//                          },
//                        ),
//                      ),
//                      RawMaterialButton(
//                        onPressed: null,
//                        child: Text("fv"),
//                      ),
//                      FlatButton(onPressed: null, child: Text("cds")),
//                      Icon(Icons.directions_railway),
//                      GFButton(
//                        onPressed: null,
//                        child: Text("share"),
//                        icon: Icon(Icons.share),
//                        shape: GFButtonShape.pills,
//                        type: GFType.transparent,
//                      ),
//                    ],
//                  ),
//                ),
//                Icon(Icons.directions_car),
//                Icon(Icons.directions_transit),
//              ],
//            ),
//            indicatorColor: Colors.teal,
//            indicatorSize: TabBarIndicatorSize.label,
//            labelColor: Colors.lightGreen,
//            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',
//            ),
//          ),
//
//              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: null,
//                icon: Icon(Icons.ac_unit),
//                size: GFSize.large,
//              ),
                  GFAvatar(
                child: Text("sefv"),
                size: GFSize.small,
              ),
              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: null,
              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.solid,
//              shape: GFButtonShape.pills,
//              text: 'goodies',
//              onPressed: () {
//                print('dddddddddd');
//              },
//              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: [
          GFButton(
            onPressed: null,
            child: Text("share"),
            icon: Icon(Icons.share),
            buttonBoxShadow: true,
          ),
          Tab(
            icon: Icon(Icons.error),
            child: Text(
              "Orders",
            ),
          ),
          Tab(
            child: Text(
              "Pastry",
            ),
          ),
        ],
        indicatorColor: Colors.teal,
//        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',
        ),
      ),
    );
  }
}
237
likes
0
pub points
79%
popularity

Publisher

verified publishergetwidget.dev

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)

Dependencies

flutter

More

Packages that depend on getflutter