Code Monkey home page Code Monkey logo

flutter-ui-kit's Introduction

Flutter UIKit

Flutter UIKit

Get it on Google Play

The goal of this project is to provide an ultimate collection of real world app's UIs. While I built Flutter UIKit for my own needs, it is also intented to showcase good app structure and a clean, well-organized Flutter codebase.

The source code is 100% Dart, and everything resides in the /lib folder.

This project will try to showcase only the best, most popular and well-designed templates that you will actually need and find useful rather than overwhelming you with a plethora of low-quality ones.

Happy learning. 👍

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

GitHub stars GitHub forks GitHub watchers GitHub followers Twitter Follow

Open Source Love License

YouTube Channel

MTechViral

Facebook Group

Let's Flutter

Collection of flutter apps with tutorial

Flutter Example Apps

Screenshots

Available Templates:

Templates Category Currently Available
Profile View Profile, Profile 2
Shopping Shopping List, Shopping Details, Product Details
Login Login With OTP, Login 2
Timeline Feed, Tweets
Dashboard Dashboard 1, Dashboard 2
Settings Device Settings
No Item No Search Result
Payment Credit Card, Payment Success

Building the project

Missing Key.Properties file

If you try to build the project straight away, you'll get an error complaining that a key.properties file is missing and Exit code 1 from: /Flutter-UI-Kit-master/android/gradlew app:properties:. To resolve that,

  1. Open r\Flutter-UI-Kit-master\android\app\build.gradle file and comment following lines-
//keystoreProperties.load(new FileInputStream(keystorePropertiesFile))

signingConfigs {
// release {
// keyAlias keystoreProperties['keyAlias']
// keyPassword keystoreProperties['keyPassword']
// storeFile file(keystoreProperties['storeFile'])
// storePassword keystoreProperties['storePassword']
// }
}
buildTypes {
// release {
// signingConfig signingConfigs.release
// }
}
  1. Open r\Flutter-UI-Kit-master\android\local.properties and add -
flutter.versionName=1.0.0
flutter.versionCode=1
flutter.buildMode=release

The stack & building from source

The project is currently built using the latest Flutter Master, with Dart 2 enabled.

To build the project, ensure that you have a recent version of the Flutter SDK installed. Then either run flutter run in the project root or use your IDE of choice.

Contribution Guide

This project is open to all kinds of contribution in all of its categories. Together, we can make it the ultimate Flutter UIKit available for free, for everyone, forever.

For resource contribution, just follow the following format: [reference-name](link) - Description, and raise a Pull Request. If you want to contribute multiple resources, raise separate PRs for each of them. Please consider adding resources maintaining the default sorting order of the category, like alphabetical sorting.

If you have any suggestion for including more categories, feel free to open a Github issue for us to have more discussion on it. Please DO NOT contribute low-quality, spammy or self-promotional stuff. Let's keep this project clean and useful.

If you feel that a particular resource(s)/template(s) available here is not a good fit for this project and should be removed, feel free to let me know by opening an issue.

❤️ Found this project useful?

If you found this project useful, then please consider giving it a ⭐ on Github and sharing it with your friends via social media.

Project Created & Maintained By

Pawan Kumar

Google Developer Expert for Flutter. Passionate #Flutter, #Android Developer. #Entrepreneur #YouTuber

Donate

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 ☕

License

Copyright 2018 Pawan Kumar

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

## Getting Started

For help getting started with Flutter, view our online
[documentation](https://flutter.io/).

flutter-ui-kit's People

Contributors

boonpflug avatar iampawan avatar metinn avatar reagankm avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flutter-ui-kit's Issues

Unable to Compile

Hi Pawan,

Thank you for your posts.

I am unable to compile the build which i took from master branch can you please look the below log and kindly let me know what i am doing wrong.

Thanks in advance.

compiler message: lib/ui/page/home_page.dart:303:17: Error: No named parameter with the name 'border'.
compiler message: border: Border(bottom: BorderSide.none),
compiler message: ^^^^^^
compiler message: file:///Users/prathap/Documents/Flutter%20Development/flutter/packages/flutter/lib/src/cupertino/nav_bar.dart:191:9: Context: Found this candidate, but the arguments don't match.
compiler message: const CupertinoSliverNavigationBar({
compiler message: ^
compiler message: lib/ui/widgets/common_scaffold.dart:33:16: Error: Method not found: 'CircularNotchedRectangle'.
compiler message: shape: CircularNotchedRectangle(),
compiler message: ^^^^^^^^^^^^^^^^^^^^^^^^
compiler message: lib/ui/widgets/common_scaffold.dart:33:9: Error: No named parameter with the name 'shape'.
compiler message: shape: CircularNotchedRectangle(),
compiler message: ^^^^^
compiler message: file:///Users/prathap/Documents/Flutter%20Development/flutter/packages/flutter/lib/src/material/bottom_app_bar.dart:45:9: Context: Found this candidate, but the arguments don't match.
compiler message: const BottomAppBar({
compiler message: ^
Compiler failed on /Users/prathap/Desktop/Flutter/Flutter-UI-Kit/lib/main.dart
Error launching application on iPhone X.

Flutter run error

I clone the project and flutter run on my local project . logs show something wrong.

(づ。◕‿‿◕。)づ  PROJECT  cd Flutter-UI-Kit
(づ。◕‿‿◕。)づ  Flutter-UI-Kit [master] flutter run
Running "flutter packages get" in Flutter-UI-Kit...          7.8s
Launching lib/main.dart on iPhone X in debug mode...
compiler message: lib/ui/widgets/common_scaffold.dart:33:16: Error: Method not found: 'CircularNotchedRectangle'.
compiler message:         shape: CircularNotchedRectangle(),
compiler message:                ^^^^^^^^^^^^^^^^^^^^^^^^
compiler message: lib/ui/widgets/common_scaffold.dart:33:9: Error: No named parameter with the name 'shape'.
compiler message:         shape: CircularNotchedRectangle(),
compiler message:         ^^^^^
compiler message: file:///Users/chengsixgold/PROJECT/flutter/packages/flutter/lib/src/material/bottom_app_bar.dart:45:9: Context: Found this candidate, but the arguments don't match.
compiler message:   const BottomAppBar({
compiler message:         ^
Compiler failed on /Users/chengsixgold/PROJECT/Flutter-UI-Kit/lib/main.dart
Error launching application on iPhone X.

locales

it looks like your setting up for multi language in the UI namespace since you have constants mapping to the English names ?

Error while compiling

error: could not find included file 'Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig' in search paths

&

This app is using a deprecated version of the Android embedding.
To avoid unexpected runtime failures, or future build failures, try to migrate this app to the V2 embedding.

Update and remaining

Hey, awesome project, can you please update this to latest and complete all the coming soon section!
Thanks!

build for iOS failed

Waqass-Mac:flutter-ui-kit waqas$ flutter run
Launching lib/main.dart on iPhone 6 in debug mode...
Starting Xcode build...
Xcode build done. 1.7s
Failed to build iOS app
Error output from Xcode build:

** BUILD FAILED **

Xcode's output:

=== BUILD TARGET Runner OF PROJECT Runner WITH CONFIGURATION Debug ===
Debug.xcconfig line 1: Unable to find included file "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
Debug.xcconfig line 1: Unable to find included file "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
=== BUILD TARGET Runner OF PROJECT Runner WITH CONFIGURATION Debug ===
diff: /Podfile.lock: No such file or directory
diff: /Manifest.lock: No such file or directory
error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.
Could not build the application for the simulator.
Error launching application on iPhone 6.

Kindly guide what to do to run this on iOS Simulator

Got this warning, is this bad?

Having BuildContext _context;

Generates this warning:

This class is marked as '@inmutable', but one or more of its instance fields are not final: LoginPage._context

so how can we have global vars?

Thanks for your help ;)

RTL and Int

I noticed the way flutter gallery does the whole i18n with RTL / LTR support.

It's quite decoupled.

Maybe you can reuse for this kit if your interested in it.

http package missing in pubspec.yaml

flutter run fails with:

Your application could not be compiled, because its dependencies could not be established.
The following Dart file:
/Users/arnehendricks/work/flutter_kram/Flutter-UI-Kit/lib/services/restclient.dart
...refers, in an import, to the following library:
package:http/http.dart
That library is in a package that is not known. Maybe you forgot to mention it in your pubspec.yaml file?

Well, both iOS and Android build failed.

Android error:

Launching lib/main.dart on Redmi 5 Plus in debug mode...
Initializing gradle...                                       2.1s
Resolving dependencies...                                        
* Error running Gradle:
Exit code 1 from: /Volumes/xs/awesome/uranus/clients/flutter/vendor/Flutter-UI-Kit-master/android/gradlew app:properties:
Starting a Gradle Daemon (subsequent builds will be faster)


FAILURE: Build failed with an exception.

* Where:
Build file '/Volumes/xs/awesome/uranus/clients/flutter/vendor/Flutter-UI-Kit-master/android/app/build.gradle' line: 16

* What went wrong:
A problem occurred evaluating project ':app'.
> versionCode not found. Define flutter.versionCode in the local.properties file.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 5s

Please review your Gradle project setup in the android/ folder.

iOS also have some issue.

Older version

Your Flutter application is created using an older version of the Android embedding. It's being deprecated in favor of Android embedding v2.

This is the error we are getting when we try to run the project

** BUILD FAILED **

Hi Pawan,

Kindly help me in resolving the below issue.

Xcode's output:

=== BUILD TARGET Runner OF PROJECT Runner WITH CONFIGURATION Debug ===
Debug.xcconfig line 1: Unable to find included file "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
Debug.xcconfig line 1: Unable to find included file "Pods/Target Support Files/Pods-Runner/Pods-Runner.debug.xcconfig"
=== BUILD TARGET Runner OF PROJECT Runner WITH CONFIGURATION Debug ===
diff: /Podfile.lock: No such file or directory
diff: /Manifest.lock: No such file or directory
error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.

flutter run --release error

flutter run --release
Runner.app/Frameworks/App.framework/flutter_assets/kernel_blob.bin
cause the error,
Failed to find snapshot: /var/containers/Bundle/Application/5C5E8099-6007-4E7C-9F95-8097BD9C2F7E/Runner.app/Frameworks/App.framework/flutter_assets/kernel_blob.bin
[VERBOSE-2:engine.cc(116)] Engine run configuration was invalid.
[VERBOSE-2:FlutterEngine.mm(294)] Could not launch engine with configuration.

compiler error

Hi there,

Thank you for your examples and effort.

I have done what was described in the README, but I still get issues.

Launching lib/main.dart on Nexus 5 in debug mode...
Initializing gradle...                                       0.5s
Resolving dependencies...                                    0.6s
Running 'gradlew assembleDebug'...                               
compiler message: lib/ui/widgets/common_scaffold.dart:33:16: Error: Method not found: 'CircularNotchedRectangle'.
compiler message:         shape: CircularNotchedRectangle(),
compiler message:                ^^^^^^^^^^^^^^^^^^^^^^^^
compiler message: lib/ui/widgets/common_scaffold.dart:33:9: Error: No named parameter with the name 'shape'.
compiler message:         shape: CircularNotchedRectangle(),
compiler message:         ^^^^^
compiler message: file:///flutter_sdk/flutter/packages/flutter/lib/src/material/bottom_app_bar.dart:45:9: Context: Found this candidate, but the arguments don't match.
compiler message:   const BottomAppBar({
compiler message:         ^
Compiler failed on /flutter_ui_kit/lib/main.dart

FAILURE: Build failed with an exception.

* Where:
Script '/flutter_sdk/flutter/packages/flutter_tools/gradle/flutter.gradle' line: 435

* What went wrong:
Execution failed for task ':app:flutterBuildDebug'.
> Process 'command '~/flutter_sdk/flutter/bin/flutter'' finished with non-zero exit value 1

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 4s
Gradle build failed: 1

Any hints on what could the issue be? I'm relatively new to flutter.

Please see below the output of flutter doctor:

⇒  flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v0.5.1, on Linux, locale en_US.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.0)
[✓] Android Studio (version 3.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2018.1)
[✓] Connected devices (1 available)

• No issues found!

Kind regards.

Not compiling / running

Was hoping you could update the repo to latest build, I'm really curious on what you've accomplished and would like to contribute also.

Can not find key.properties

Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

FAILURE: Build failed with an exception.

  • Where:
    Build file '/Users/ekwong/Code/Github/Flutter-UI-Kit/android/app/build.gradle' line: 29

  • What went wrong:
    A problem occurred evaluating project ':app'.

/path/to/project/Flutter-UI-Kit/android/key.properties (No such file or directory)

so where is the key.properties file?

I couldn't run this app

I downloaded this app and opened with VS Code. But I couldn't run it.

I got an error message like this:

`> C:\Users\just0\Desktop\flutter_apps\Flutter-UI-Kit-master\android\key.properties (The system cannot find the file specified)

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

BUILD FAILED in 1s
Please review your Gradle project setup in the android/ folder.
Exited (sigterm)`

issue with footer image

screenshot_20180927-221757

I am reporting that the button in the middle is supposed to be a circle theme and the footer is supposed to be shaped around it, but as you see in my screenshot that is not happening,
What is the problem ?

Gradlew

  • Error running Gradle:
    ProcessException: Process "C:\Users\YBECERRIL\Downloads\Flutter UI\android\gradlew.bat" exited abnormally:
    Project evaluation failed including an error in afterEvaluate {}. Run with --stacktrace for details of the afterEvaluate {} error.

FAILURE: Build failed with an exception.

  • Where:
    Build file 'C:\Users\YBECERRIL\Downloads\Flutter UI\android\app\build.gradle' line: 29

  • What went wrong:
    A problem occurred evaluating project ':app'.

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

BUILD FAILED in 1s
Command: C:\Users\YBECERRIL\Downloads\Flutter UI\android\gradlew.bat app:properties

Please review your Gradle project setup in the android/ folder.
Exited (sigterm)

LoginCard class

LoginCard class how to get stream: loginBloc.otpResult result set in editext

Images are not displayed with debug app

@iampawan I just built a debug apk (with flutter 1.12.13+hotfix9). And I found all the images that are supposed to be there like screenshots attached in README, now disappeared. See the pictures below.

Any advice on how to solve this problem ?

Thanks!

Screenshot_20200410_121047
Screenshot_20200410_121032

Flutter-UI-Kit-master-android-app-build.gradle' line: 16

**Hi Pawan,

I am having these issues. Do you know how to correct the issue.**

Running "flutter packages get" in Flutter-UI-Kit-master...
Launching lib/main.dart on Android SDK built for x86 in debug mode...
Initializing gradle...
Resolving dependencies...

  • Error running Gradle:
    Exit code 1 from: /Users/niyazitoros/Downloads/Flutter-UI-Kit-master/android/gradlew app:properties:

FAILURE: Build failed with an exception.

  • Where:
    Build file '/Users/niyazitoros/Downloads/Flutter-UI-Kit-master/android/app/build.gradle' line: 16

Finished with error: Please review your Gradle project setup in the android/ folder.

  • What went wrong:
    A problem occurred evaluating project ':app'.

versionCode not found. Define flutter.versionCode in the local.properties file.

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org

BUILD FAILED in 0s

I open Shopping Details " No top-level method '' declared."

Detail Info:
Another exception was thrown: NoSuchMethodError: No top-level method '' declared.
Application show this:
screenshot_2018-07-04-14-54-10-741_com mtechviral flutteruikit

Flutter info:
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel dev, v0.5.6, on Microsoft Windows [Version 6.1.7601], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK 27.0.3)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[√] Android Studio (version 3.1)
[√] IntelliJ IDEA Ultimate Edition (version 2017.2)
[√] Connected devices (1 available)

! Doctor found issues in 1 category.

dashboard 2 onPressed doesnt work

Hi Pawan,

The dashboard 2 onPressed doesnt work

new SizedBox.fromSize(
size: Size.square(_myWidth / 5),
child: Card(
color: Colors.yellow.shade900,
child: LabelBelowIcon(
betweenHeight: 5.0,
icon: Icons.shop,
label: "Harcama",
iconColor: Colors.white,
isCircleEnabled: false,
onPressed: () {
Navigator.pop(
context,
new MaterialPageRoute(
builder: (context) =>
new MySpending(title: "MySpending")));
},
),
),
),

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.