getflutter 1.0.11

  • Readme
  • Changelog
  • Example
  • Installing
  • 97

Financial Contributors on Open Collective pub package Build Status Open Source Love License Gitter Twitter Follow

Get Flutter

GetFlutter is a 100% free Flutter open-source UI library built with Flutter SDK to make Flutter development easier and more joyful than ever. GetFlutter has 1000+ pre-build widgets that you can reuse to develop both Flutter mobile app and web app. Our motto is to provide the best Flutter UI library to the Flutter community to speed up their development process and build awesome apps with pre-build Flutter Library Components.

Table of contents #

Screenshot #

Get Flutter Screens

Quick start #

Read the Getting started page Forum Support and discussion

Features #

we have launched the library with the following components :

Demo #

Play Store #

Get Flutter playstore Demo

IOS Store and Web Demo #

Coming Soon

Contributing #

GetFlutter is 100% free and open source. We encourage and support an active, healthy community that accepts contributions from the public – including you. There are a couple of ways in which you can contribute to the growing community of getflutter.

  • Pick up any issue marked with "good first issue"
  • Fix a bug
  • Write and improve some documentation. Documentation is very critical to us. We would appreciate help in adding multiple languages to our docs.
  • If you are a developer, feel free to check out the source and submit pull requests.
  • Dig into CONTRIBUTING.MD, which covers submitting bugs, requesting new features, preparing your code for a pull request, etc.
  • Please don't forget to like, follow, and star our repo! Join our growing community to keep up to date with the latest GetFlutter development.
  • Not sure what to work on? We've got lots ideas.

Documentation #

Installation Guide

Social Media #

Twitter: https://twitter.com/getflutterdev

Facebook: https://www.facebook.com/getflutter

Linkedin: https://www.linkedin.com/company/getflutter

Instagram: https://www.instagram.com/getflutter.dev/

Note: GetFlutter is not directly and/or indirectly associated/affiliated with Flutter or Google LLC. We are the team of Flutter Developers and we built this open-source library for the Flutter development community to made app development more easier. #

Code and documentation Copyright 2017-2020 the GETFLUTTER Authors and IONICFIREBASEAPP Code released under the [MIT License]. Docs released under Creative Commons.

Contributors #

Code Contributors #

This project exists thanks to all the people who contribute. [Contribute].

Financial Contributors #

Become a financial contributor and help us sustain our community. [Contribute]

Individuals

Organizations

Support this project with your organization. Your logo will show up here with a link to your website. [Contribute]

Changelog #

1.0.11 - 2020-03-11 #

Fixed #

  • Resolved issues.

1.0.10 - 2020-03-11 #

Fixed #

  • Few minor fixes

1.0.9 - 2020-03-02 #

Fixed #

  • Few minor fixes

Added #

  • added new component
    • GFShimmer

1.0.8 - 2020-02-18 #

Fixed #

  • Hot reload in GFButton

Added #

  • added new component
    • GFProgressBar

1.0.7 - 2020-02-11 #

Fixed #

  • GFLoader - import issue fixed

Added #

  • added new component
    • GFFloatingWidget

1.0.5 - 2020-02-07 #

Fixed #

  • GFRating - minor issue fixed

Added #

  • added new component
    • GFLoader

1.0.4 - 2020-02-04 #

Fixed #

  • GFSearchBar - minor issue fixed

Added #

  • added new component
    • GFRating

1.0.3 - 2020-01-30 #

Fixed #

  • GFToggle - minor issue fixed

Added #

  • added few new components
    • GFAccordian
    • GFAlert
    • GFSearchBar
    • GFDrawer
    • GFAppBar

1.0.2 - 2020-01-23 #

Fixed #

  • import issue fixed.

1.0.1 - 2020-01-22 #

Added #

  • added few new components
    • GFToast
    • GFFloatingWidget
    • GFToggle

1.0.0 - 2020-01-20 #

Added #

  • Stable version release
  • code refectoring
  • this release includes following stable components
    • GFAvatar
    • GFButton
    • GFIconButton
    • GFButtonBar
    • GFBadge
    • GFButtonBadge
    • GFIconBadge
    • GFCard
    • GFCarousel
    • GFImageOverlay
    • GFListTile
    • GFTabs
    • GFTypography

1.0.0-dev.9 - 2020-01-17 #

Added #

  • Added library exports for commonly used files.

1.0.0-dev.8 - 2020-01-16 #

Fixed #

  • ListTile re-implemeted.

1.0.0-dev.3 - 2020-01-15 #

Fixed #

  • ListTile issue.

1.0.0-dev.1 - 2020-01-14 #

Fixed #

  • Warnings and Hints

0.0.1-pre.3 - 2020-01-14 #

Fixed #

  • Warnings and Hints

Added #

  • Changelog and Description

0.0.1-pre.2 - 2020-01-14 #

Fixed #

  • Warnings and Hints

0.0.1-pre.1 - 2020-01-13 #

Added #

  • initial release with buttons, badge, card, list tile, avatar and many more components.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:getflutter/getflutter.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) => MaterialApp(
        title: 'GetFlutter',
        debugShowCheckedModeBanner: false,
        home: MyHomePage(),
      );
}

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

class _MyHomePageState extends State<MyHomePage> {
  final String _playStoreLink =
      'https://play.google.com/store/apps/details?id=dev.getflutter.appkit';
  // final String _appStoreLink = 'Coming Soon';
  final String _githuAppRepoLink =
      'https://github.com/ionicfirebaseapp/getflutter-app-kit';
  final String _githubLibraryRepoLink =
      'https://github.com/ionicfirebaseapp/getflutter';

  Future _launchUrl(url) async {
    if (await canLaunch(url)) {
      return await launch(url);
    }
    return Future.value(false);
  }

  @override
  Widget build(BuildContext context) => Scaffold(
        backgroundColor: GFColors.DARK,
        body: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          crossAxisAlignment: CrossAxisAlignment.center,
          children: <Widget>[
            InkWell(
              onTap: () {
                _launchUrl(_githubLibraryRepoLink);
              },
              child: SvgPicture.asset('lib/assets/logo.svg'),
            ),
            Column(
              mainAxisAlignment: MainAxisAlignment.center,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: <Widget>[
                const Padding(
                  padding: EdgeInsets.only(bottom: 25),
                  child: Center(
                    child: Text(
                      'To keep library size small and code clean we manage example on different repository. which includes clear usage of each and every component that we provide in GetFlutter library. Please have a look there.',
                      style: TextStyle(
                        fontSize: 16,
                        color: GFColors.WHITE,
                      ),
                      textAlign: TextAlign.center,
                    ),
                  ),
                ),
                GFButton(
                    size: GFSize.LARGE,
                    text: 'View on Github',
                    textStyle: const TextStyle(
                      fontSize: 16,
                      color: GFColors.WHITE,
                    ),
                    icon: SvgPicture.asset(
                      'lib/assets/github.svg',
                      height: 22,
                    ),
                    color: GFColors.SUCCESS,
                    blockButton: true,
                    onPressed: () {
                      _launchUrl(_githuAppRepoLink);
                    }),
              ],
            ),
            Column(
              children: <Widget>[
                const Padding(
                  padding: EdgeInsets.only(bottom: 25),
                  child: Center(
                    child: Text(
                      'We also have same app on playstore. It shows various possibilities that you can achieve using GetFlutter library.',
                      style: TextStyle(
                        fontSize: 16,
                        color: GFColors.WHITE,
                      ),
                      textAlign: TextAlign.center,
                    ),
                  ),
                ),
                GFButton(
                    size: GFSize.LARGE,
                    text: 'View on Playstore',
                    textStyle:
                        const TextStyle(fontSize: 16, color: GFColors.WHITE),
                    icon: SvgPicture.asset(
                      'lib/assets/playstore.svg',
                      height: 20,
                    ),
                    color: GFColors.SUCCESS,
                    blockButton: true,
                    onPressed: () {
                      _launchUrl(_playStoreLink);
                    }),
              ],
            ),
          ],
        ),
      );
}

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  getflutter: ^1.0.11

2. Install it

You can install packages from the command line:

with Flutter:


$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:getflutter/getflutter.dart';
  
Popularity:
Describes how popular the package is relative to other packages. [more]
96
Health:
Code health derived from static analysis. [more]
97
Maintenance:
Reflects how tidy and up-to-date the package is. [more]
100
Overall:
Weighted score of the above. [more]
97
Learn more about scoring.

We analyzed this package on May 24, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.8.1
  • pana: 0.13.8-dev
  • Flutter: 1.17.0

Health suggestions

Fix lib/components/appbar/gf_appbar.dart. (-2.96 points)

Analysis of lib/components/appbar/gf_appbar.dart reported 6 hints, including:

line 324 col 47: 'headline' is deprecated and shouldn't be used. This is the term used in the 2014 version of material design. The modern term is headline5. This feature was deprecated after v1.13.8..

line 325 col 32: 'headline' is deprecated and shouldn't be used. This is the term used in the 2014 version of material design. The modern term is headline5. This feature was deprecated after v1.13.8..

line 326 col 32: 'headline' is deprecated and shouldn't be used. This is the term used in the 2014 version of material design. The modern term is headline5. This feature was deprecated after v1.13.8..

line 327 col 45: 'body1' is deprecated and shouldn't be used. This is the term used in the 2014 version of material design. The modern term is bodyText2. This feature was deprecated after v1.13.8..

line 328 col 32: 'body1' is deprecated and shouldn't be used. This is the term used in the 2014 version of material design. The modern term is bodyText2. This feature was deprecated after v1.13.8..

Fix lib/components/avatar/gf_avatar.dart. (-0.50 points)

Analysis of lib/components/avatar/gf_avatar.dart reported 1 hint:

line 90 col 50: 'subtitle' is deprecated and shouldn't be used. This is the term used in the 2014 version of material design. The modern term is subtitle2. This feature was deprecated after v1.13.8..

Dependencies

Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.2.2 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.12
meta 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies
flutter_test