Flutter UI examples

Overview

Flutter UI demos

18 templates, Redux, CRUD Sqlite and Firebase, http request, webview, google and firebase auth, global notification strategy create and preview PDF, create and load csv, pagination, infinite scroll, touch id, map, change theme, custom fonts, download & share files and more.

Screenshots

Created & Maintained By

Javier González

Native integration like firebase it's only supported by android platform, you need add this config for IOS or disable this feature if you want run the app. ):
MapBox example: change in AndroidManifest.xml the 'MAPBOX_API_KEY'

Social links

Show some ❤️ and star the repo to support the project

GitHub stars GitHub forks GitHub watchers GitHub followers

Open Source Love License Flutter Awesome

Donate

Si encontró útil este proyecto o aprendió algo del código fuente y quiere agradecerme, considere comprarme una taza de : )

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of : )

Getting Started

For help getting started with Flutter, view our online
documentation.

☁️ Credits

Designs: dribbble, uplabs, behance

Icons: Icons8, FlatIcon, Icofont

Comments
  • Build failed error

    Build failed error

    Hi,

    I'm using flutter version 1.10.14 and I get the following error while building the project:

    c:\flutter\.pub-cache\hosted\pub.dartlang.org\camera-0.5.6+2\android\src\main\java\io\flutter\plugins\camera\CameraPlugin.java:69: error: cannot access LifecycleOwner
        maybeStartListening(
                           ^
      class file for android.arch.lifecycle.LifecycleOwner not found
    1 error
    
    FAILURE: Build failed with an exception.
    
    opened by postacik 2
  • 运行不了的

    运行不了的

    Configuring the default Firebase app... 6.0.0 - [Firebase/Core][I-COR000004] App with name __FIRAPP_DEFAULT does not exist. 6.0.0 - [Firebase/Core][I-COR000012] Could not locate configuration file: 'GoogleService-Info.plist'. 6.0.0 - [Firebase/Core][I-COR000005] No app has been configured yet. *** First throw call stack: ( 0 CoreFoundation 0x0000000113a7c1bb __exceptionPreprocess + 331 1 libobjc.A.dylib 0x0000000112ba6735 objc_exception_throw + 48 2 CoreFoundation 0x0000000113a7c015 +[NSException raise:format:] + 197 3 Runner 0x000000010f02c260 +[FIRApp configure] + 576 4 Runner 0x000000010f0c0ad9 -[FLTFirebaseAuthPlugin init] + 217 5 Runner 0x000000010f0c092d +[FLTFirebaseAuthPlugin registerWithRegistrar:] + 173 6 Runner 0x000000010efcf1af +[GeneratedPluginRegistrant registerWithRegistry:] + 223 7 Runner <…>

    opened by DavidMGT 2
  • Hi Sir, can you guide how to make import csv in sqlite

    Hi Sir, can you guide how to make import csv in sqlite

    I really don't understand how to start with because i don't know how the sqlite structure that you build so that i can't call the because it has so many file....Can you guide me how to do it? Your help will be really helpful for me.

    opened by HakimRahim46 1
  • Build failed

    Build failed

    Hi there,

    thanks for this great repo. I get unfortunately an error with Android https://gist.github.com/ChristBKK/dcb285935a8517315e5833b9211e0cdb

    Could that be because of AndroidX?

    Thanks, Christian

    opened by ChristBKK 1
  • Error on compilation

    Error on compilation

    I am getting the following error while compiling the code

    Note: Some input files use or override a deprecated API.
    Note: Recompile with -Xlint:deprecation for details.
    Note: Some input files use unchecked or unsafe operations.
    Note: Recompile with -Xlint:unchecked for details.
    
    Compiler message:
    file:///Volumes/D/Flutter/Application/.pub-cache/hosted/pub.dartlang.org/flushbar-1.8.0/lib/flushbar.dart:265:3: Error: Type 'FocusAttachment' not found.
      FocusAttachment _focusAttachment;
      ^^^^^^^^^^^^^^^
    file:///Volumes/D/Flutter/Application/.pub-cache/hosted/pub.dartlang.org/flushbar-1.8.0/lib/flushbar.dart:265:3: Error: 'FocusAttachment' isn't a type.
      FocusAttachment _focusAttachment;
      ^^^^^^^^^^^^^^^
    file:///Volumes/D/Flutter/Application/.pub-cache/hosted/pub.dartlang.org/flushbar-1.8.0/lib/flushbar.dart:286:35: Error: The method 'attach' isn't defined for the class 'FocusScopeNode'.
     - 'FocusScopeNode' is from 'package:flutter/src/widgets/focus_manager.dart' ('file:///Volumes/D/Flutter/Application/packages/flutter/lib/src/widgets/focus_manager.dart').
    Try correcting the name to the name of an existing method, or defining a method named 'attach'.
        _focusAttachment = _focusNode.attach(context);
                                      ^^^^^^
    file:///Volumes/D/Flutter/Application/.pub-cache/hosted/pub.dartlang.org/flushbar-1.8.0/lib/flushbar.dart:297:16: Error: The method 'dispose' isn't defined for the class 'FocusScopeNode'.
     - 'FocusScopeNode' is from 'package:flutter/src/widgets/focus_manager.dart' ('file:///Volumes/D/Flutter/Application/packages/flutter/lib/src/widgets/focus_manager.dart').
    Try correcting the name to the name of an existing method, or defining a method named 'dispose'.
        _focusNode.dispose();
                   ^^^^^^^
    file:///Volumes/D/Flutter/Application/.pub-cache/hosted/pub.dartlang.org/flare_flutter-1.5.4/lib/flare.dart:1027:18: Error: The argument type 'Uint16List' can't be assigned to the parameter type 'Int32List'.
     - 'Uint16List' is from 'dart:typed_data'.
     - 'Int32List' is from 'dart:typed_data'.
    Try changing the type of the parameter, or casting the argument to 'Int32List'.
            indices: _indices, textureCoordinates: _uvBuffer);
                     ^
    Compiler failed on /Volumes/D/Flutter/Practices/flutter-challenges/lib/main.dart
    Finished with error: Gradle task assembleDebug failed with exit code 1
    
    opened by imsujan276 1
  • Compile error

    Compile error

    Xcode's output: ↳ === BUILD TARGET Runner OF PROJECT Runner WITH CONFIGURATION Debug === :0: error: module map file '/Users/kingwu/Downloads/flutter-challenges-master/build/ios/Debug-iphonesimulator/mapbox_gl/mapbox_gl.modulemap' not found :0: error: module map file '/Users/kingwu/Downloads/flutter-challenges-master/build/ios/Debug-iphonesimulator/mapbox_gl/mapbox_gl.modulemap' not found 2 errors generated. :0: error: failed to emit precompiled header '/Users/kingwu/Library/Developer/Xcode/DerivedData/Runner-cjocfzzikqtrjpbujtqizppxzpiz/Build/Intermediates.noindex/PrecompiledHeaders/Runner-Bridging-Header-swift_921O44N4TOMW-clang_1DSMN03GK5GSR.pch' for bridging header '/Users/kingwu/Downloads/flutter-challenges-master/ios/Runner/Runner-Bridging-Header.h' === BUILD TARGET Runner OF PROJECT Runner WITH CONFIGURATION Debug === :0: error: generate-pch command failed with exit code 1 (use -v to see invocation)

    Could not build the application for the simulator. Error launching application on iPhone Xʀ.

    opened by KingWu 1
  • Compiler errors

    Compiler errors

    Can you help ?

    Launching lib/main.dart on Android SDK built for x86 in debug mode...
    registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)
    registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)
    registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)
    registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)
    registerResGeneratingTask is deprecated, use registerGeneratedResFolders(FileCollection)
    
    Compiler message:
    file:///home/arch/WORKSPACE/mobile/flutter/.pub-cache/hosted/pub.dartlang.org/flushbar-1.6.0/lib/flushbar.dart:203:3: Error: Type 'FocusAttachment' not found.
      FocusAttachment _focusAttachment;
      ^^^^^^^^^^^^^^^
    file:///home/arch/WORKSPACE/mobile/flutter/.pub-cache/hosted/pub.dartlang.org/flushbar-1.6.0/lib/flushbar.dart:203:3: Error: 'FocusAttachment' isn't a type.
      FocusAttachment _focusAttachment;
      ^^^^^^^^^^^^^^^
    file:///home/arch/WORKSPACE/mobile/flutter/.pub-cache/hosted/pub.dartlang.org/flushbar-1.6.0/lib/flushbar.dart:224:35: Error: The method 'attach' isn't defined for the class 'FocusScopeNode'.
     - 'FocusScopeNode' is from 'package:flutter/src/widgets/focus_manager.dart' ('file:///home/arch/WORKSPACE/mobile/flutter/packages/flutter/lib/src/widgets/focus_manager.dart').
    Try correcting the name to the name of an existing method, or defining a method named 'attach'.
        _focusAttachment = _focusNode.attach(context);
                                      ^^^^^^
    file:///home/arch/WORKSPACE/mobile/flutter/.pub-cache/hosted/pub.dartlang.org/flushbar-1.6.0/lib/flushbar.dart:235:16: Error: The method 'dispose' isn't defined for the class 'FocusScopeNode'.
     - 'FocusScopeNode' is from 'package:flutter/src/widgets/focus_manager.dart' ('file:///home/arch/WORKSPACE/mobile/flutter/packages/flutter/lib/src/widgets/focus_manager.dart').
    Try correcting the name to the name of an existing method, or defining a method named 'dispose'.
        _focusNode.dispose();
                   ^^^^^^^
    Compiler failed on /home/arch/WORKSPACE/mobile/flutter-challenges/lib/main.dart
    Gradle task assembleDebug failed with exit code 1
    Exited (sigterm)
    
    opened by davutkara 1
  • screenshot moved to screenshots directory

    screenshot moved to screenshots directory

    Earlier all the screenshots were in the root of the directory which was kind of un-organized. I moved all the images to the screenshots directory which made the root directory more organized.

    opened by nitishk72 0
  • Fixes for build and runtime issues with Flutter dev/master

    Fixes for build and runtime issues with Flutter dev/master

    There are some issue when building and running this project with the latest master snapshot of Flutter. It was caused by one breaking change introduced on Flutter a month ago (https://groups.google.com/forum/#!msg/flutter-announce/sHAL2fBtJ1Y/mGjrKH3dEwAJ) and breaking change introduced by the latest get_it package since the version are not restricted in this project pubspec.yaml.

    opened by rockyprabowo 0
Owner
Javier
Coder ¦ Web Developer ¦ Mobile Developer
Javier
Flutter UI examples

Flutter UI demos 18 templates, Redux, CRUD Sqlite and Firebase, http request, webview, google and firebase auth, global notification strategy create a

Javier 1.4k Sep 29, 2022
Experimenting with 6 examples of different types of simple and complex JSON structures in Flutter

Parsing complex JSON in Flutter Gives a detailed explanation of working with simple and complex JSON structures using dart:convert library in Flutter

Pooja Bhaumik 481 Sep 13, 2022
This repository contains the Syncfusion Flutter UI widgets examples and the guide to use them.

Syncfusion Flutter examples This repository contains awesome demos of Syncfusion Flutter UI widgets. This is the best place to check our widgets to ge

Syncfusion 1.5k Sep 24, 2022
Learn Flutter by easy-to-difficult examples

Flutter examples Learn Flutter by easy-to-difficult examples. Official document: https://flutter.dev/docs. Reference This project is based on react-na

Cody 5 Aug 7, 2022
An examples of navigation with the Flutter and GetX libraries

Ejemplos de navegación en Flutter Dentro de este repositorio podrán acceder a ej

null 0 Dec 22, 2021
Examples for go-flutter

go-flutter-desktop/examples This repository contains some example applications that can be built using go-flutter. Compiled example Pre-compiled examp

null 226 Sep 12, 2022
Examples of all types of widgets used for animation in Flutter.

Anny Flutter application for learning animations concept. Checkout the live demo here. License Copyright 2020 Ashutosh Singh Licensed under the A

Ashutosh Singh 22 Sep 25, 2022
My flutter (android, ios) UI design examples 🎈 - user profile UIs, food order ui, splashscreen, mask widget usage, settings page ui

Flutter UI Design Examples ?? This repository contains the flutter ui designs I designed while learning. Doctor Appointment App UI Packages in use: fl

Aleyna Eser 22 Sep 26, 2022
Animation Examples: stepper Counter loading Ripple Circle Generator water Flow Animation Wave

AnimatioExamples(stepperCounter-loadingRippleCircleGenerator-waterFlowAnimationWave) A new Flutter project. Getting Started This project is a starting

Ahmed Abdelkader Khedr 8 Aug 3, 2022
🆙🚀 Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in

???? Flutter application upgrade/ Flutter App Upgrade /Flutter App Update/Flutter Update / download Plug-in (with notice bar progress), supports full upgrade, hot update and incremental upgrade

PengHui Li 324 Sep 23, 2022
Minha primeira aplicação android utilizando Flutter feito no curso de Flutter da Cod3r Cursos Online. O foco dessa aplicação foi um contato inicial com o Flutter.

expenses Expenses é uma aplicação android simples feita em Flutter para controlar despesas pessoais. A aplicação consiste em: Listar transações feitas

Guilherme Teixeira Ais 2 Apr 19, 2022
Flutter Github Following Application, Using Flutter Provider and Flutter HTTP to get data from Github API.

Flutter Github Following Application Watch it on Youtube Previous Designs Checkout my Youtube channel Installation Please remember, after cloning this

Mohammad Rahmani 100 Sep 19, 2022
Flutter RSS feed parsing - A demo application of flutter which parse RSS XML contents to the flutter application

Flutter RSS feed parsing demo This is demo application of flutter which shows ho

Nyakuri Levite 3 Jun 4, 2022
Boris Gautier 1 Jan 31, 2022
Code for Flutter Talk from Flutter Vikings 2022: Custom User Interactions in Flutter

Custom User Interactions - Flutter Vikings 2022 A companion app for the Flutter Vikings 2022 talk - Custom User Interactions with Shortcuts, Intents,

Justin McCandless 9 Sep 16, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Johannes Milke 40 Sep 26, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Johannes Milke 36 Sep 26, 2022
Let's create a selectable Flutter Navigation Drawer with routing that highlights the current item within the Flutter Sidebar Menu.

Flutter Tutorial - Sidebar Menu & Selectable Navigation Drawer Let's create a selectable Flutter Navigation Drawer with routing that highlights the cu

Johannes Milke 12 Aug 7, 2022
Components that optimize Flutter fluency.(Flutter 流畅度优化的通用方案,轻松解决卡顿问题)

Flutter fluency optimization component "Keframe" Page switching fluency improved: How to use Project depend on: Quick learning Constructor Description

Ke Technologies 744 Sep 22, 2022