100+ Professional UI implementations with Code in Flutter. Available in Android, iOS, Linux and Web

Overview

Flutter UI Challenges

My effort on replicating various apps UI on flutter.

View on Web

Get it from the Snap Store

Building and running the code [ Updated ]

  • Thank you all for your tremendous support. With latest update, I have removed all firebase dependency, and project now runs on web and desktop as well. Please use flutter master channel to run and build. If you want previous version with firebase please checkout with-firebase branch.

Table of contents

Contributors

  1. Damodar Lohani
  2. [Aparna Dulal] (https://github.com/ambikadulal)
  3. Sudip Thapa
  4. Shyam Adhikari (UI/UX Designer)
  5. Mausam Rayamajhi
  6. Siddhartha Joshi

Packages Used

Credits

The code for Springy Widget is taken and refactored from (https://github.com/matthew-carroll/flutter_ui_challenge_springy_slider)

Animations

Ecommerce

User Flow Screens

Settings UIs

Dashboard UIs

Quotes App UIs

Motorbike App UIs

Profile Screens

Inviation App UI

Lists UIs

Navigations

Onboarding Screens

(Smart walled onboarding is from https://www.uplabs.com/posts/smart-wallet-onboarding)

miscellaneous widgets

Blog

Food App

Quiz App

Todo App

Hotel App

Travel App

grocery App UI Kit

(design credit: https://www.uplabs.com/posts/grocery-app-kit)

Whats implemented

  • Working bottom navigator to show different pages
  • Navigation push/pop to show details page
  • Stateless & Stateful Widgets
  • Custom widgets for list items, category items etc.

Bank App Clone

Bank app clone by Mausam Rayamajhi

Furniture App UI

Furniture App by Mausam Rayamajhi

Plant App UI

Plant UI Clone by Ambika Dulal

TravelUi Clone

Furniture App by Ambika Dulal

Wallet App Clone

Furniture App by Ambika Dulal

Comments
  • iOS testing

    iOS testing

    Hi, i've tried to run on iOS emulator after copied google-services.json in /android/app folder but i've this error: Launching lib/main.dart on iPad Pro (11-inch) in debug mode... Running pod install... 13,0s Running Xcode build...

    ├─Assembling Flutter resources... 13,2s └─Compiling, linking and signing... 3,7s Xcode build done. 114,6s Failed to build iOS app Error output from Xcode build: ↳ ** BUILD FAILED **

    Xcode's output: ↳ /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabaseQueue.m:101:9: warning: 'dispatch_queue_set_specific' is only available on iOS 5.0 or newer [-Wunguarded-availability] dispatch_queue_set_specific(_queue, kDispatchQueueSpecificKey, (__bridge void *)self, NULL); ^~~~~~~~~~~~~~~~~~~~~~~~~~~ In module 'Foundation' imported from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabaseQueue.h:9: In module 'CoreFoundation' imported from /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/System /Library/Frameworks/Foundation.framework/Headers/Foundation.h:6: In module 'Dispatch' imported from /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/System /Library/Frameworks/CoreFoundation.framework/Headers/CFStream.h:20: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/usr/in clude/dispatch/queue.h:1498:1: note: 'dispatch_queue_set_specific' has been marked as being introduced in iOS 5.0 here, but the deployment target is iOS 4.3.0 dispatch_queue_set_specific(dispatch_queue_t queue, const void *key, ^ /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabaseQueue.m:101:9: note: enclose 'dispatch_queue_set_specific' in an @available check to silence this warning dispatch_queue_set_specific(_queue, kDispatchQueueSpecificKey, (__bridge void *)self, NULL); ^~~~~~~~~~~~~~~~~~~~~~~~~~~ /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabaseQueue.m:184:54: warning: 'dispatch_get_specific' is only available on iOS 5.0 or newer [-Wunguarded-availability] FMDatabaseQueue *currentSyncQueue = (__bridge id)dispatch_get_specific(kDispatchQueueSpecificKey); ^~~~~~~~~~~~~~~~~~~~~ In module 'Foundation' imported from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabaseQueue.h:9: In module 'CoreFoundation' imported from /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/System /Library/Frameworks/Foundation.framework/Headers/Foundation.h:6: In module 'Dispatch' imported from /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/System /Library/Frameworks/CoreFoundation.framework/Headers/CFStream.h:20: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/usr/in clude/dispatch/queue.h:1554:1: note: 'dispatch_get_specific' has been marked as being introduced in iOS 5.0 here, but the deployment target is iOS 4.3.0 dispatch_get_specific(const void *key); ^ /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabaseQueue.m:184:54: note: enclose 'dispatch_get_specific' in an @available check to silence this warning FMDatabaseQueue *currentSyncQueue = (__bridge id)dispatch_get_specific(kDispatchQueueSpecificKey); ^~~~~~~~~~~~~~~~~~~~~ 2 warnings generated. /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabase.m:1486:15: warning: 'sqlite3_wal_checkpoint_v2' is only available on iOS 5.0 or newer [-Wunguarded-availability] int err = sqlite3_wal_checkpoint_v2(_db, dbName, checkpointMode, logFrameCount, checkpointCount); ^~~~~~~~~~~~~~~~~~~~~~~~~ In module 'SQLite3' imported from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabase.m:8: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/usr/in clude/sqlite3.h:8428:16: note: 'sqlite3_wal_checkpoint_v2' has been marked as being introduced in iOS 5.0 here, but the deployment target is iOS 4.3.0 SQLITE_API int sqlite3_wal_checkpoint_v2( ^ /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/FMDB/src/fmdb/FMDatabase.m:1486:15: note: enclose 'sqlite3_wal_checkpoint_v2' in an @available check to silence this warning int err = sqlite3_wal_checkpoint_v2(_db, dbName, checkpointMode, logFrameCount, checkpointCount); ^~~~~~~~~~~~~~~~~~~~~~~~~ 1 warning generated. /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/google_sign_in-4.1.1/ios/Classes/FLTGoogleSignInPlugi n.m:138:13: warning: unused variable 'sourceApplication' [-Wunused-variable] NSString *sourceApplication = options[UIApplicationOpenURLOptionsSourceApplicationKey]; ^ /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/google_sign_in-4.1.1/ios/Classes/FLTGoogleSignInPlugi n.m:138:41: warning: 'UIApplicationOpenURLOptionsSourceApplicationKey' is only available on iOS 9.0 or newer [-Wunguarded-availability] NSString *sourceApplication = options[UIApplicationOpenURLOptionsSourceApplicationKey]; ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ In module 'UIKit' imported from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Target Support Files/google_sign_in/google_sign_in-prefix.pch:2: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/System /Library/Frameworks/UIKit.framework/Headers/UIApplication.h:518:51: note: 'UIApplicationOpenURLOptionsSourceApplicationKey' has been marked as being introduced in iOS 9.0 here, but the deployment target is iOS 8.0.0 UIKIT_EXTERN UIApplicationOpenURLOptionsKey const UIApplicationOpenURLOptionsSourceApplicationKey NS_SWIFT_NAME(sourceApplication) API_AVAILABLE(ios(9.0)); // value is an NSString containing the bundle ID of the originating application; non-nil if the originating application and this application share the same team identifier ^ /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/google_sign_in-4.1.1/ios/Classes/FLTGoogleSignInPlugi n.m:138:41: note: enclose 'UIApplicationOpenURLOptionsSourceApplicationKey' in an @available check to silence this warning NSString *sourceApplication = options[UIApplicationOpenURLOptionsSourceApplicationKey]; ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 2 warnings generated. /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_remote_config-0.3.0+1/ios/Classes/FirebaseRe moteConfigPlugin.m:52:65: warning: 'isDeveloperModeEnabled' is deprecated: This no longer needs to be set during development. Refer to documentation for additional details. [-Wdeprecated-declarations] [[NSNumber alloc] initWithBool:[firRemoteConfigSettings isDeveloperModeEnabled]]; ^ In file included from /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_remote_config-0.3.0+1/ios/Classes/FirebaseRe moteConfigPlugin.m:8: In file included from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/Firebase/Firebase.h:142: In file included from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/Fireb aseRemoteConfig.h:17: /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/FIRRe moteConfig.h:141:37: note: property 'isDeveloperModeEnabled' is declared deprecated here @property(nonatomic, readonly) BOOL isDeveloperModeEnabled DEPRECATED_MSG_ATTRIBUTE( ^ /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/FIRRe moteConfig.h:141:60: note: 'isDeveloperModeEnabled' has been explicitly marked deprecated here @property(nonatomic, readonly) BOOL isDeveloperModeEnabled DEPRECATED_MSG_ATTRIBUTE( ^ In module 'Darwin' imported from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseAuth/FIRAuth.h:17: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/usr/in clude/AvailabilityMacros.h:182:64: note: expanded from macro 'DEPRECATED_MSG_ATTRIBUTE' #define DEPRECATED_MSG_ATTRIBUTE(s) attribute((deprecated(s))) ^ /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_remote_config-0.3.0+1/ios/Classes/FirebaseRe moteConfigPlugin.m:61:42: warning: 'initWithDeveloperModeEnabled:' is deprecated: This no longer needs to be set during development. Refer to documentation for additional details. [-Wdeprecated-declarations] [[FIRRemoteConfigSettings alloc] initWithDeveloperModeEnabled:debugMode]; ^ In file included from /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_remote_config-0.3.0+1/ios/Classes/FirebaseRe moteConfigPlugin.m:8: In file included from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/Firebase/Firebase.h:142: In file included from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/Fireb aseRemoteConfig.h:17: /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/FIRRe moteConfig.h:148:5: note: 'initWithDeveloperModeEnabled:' has been explicitly marked deprecated here DEPRECATED_MSG_ATTRIBUTE("This no longer needs to be set during development. Refer to " ^ In module 'Darwin' imported from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseAuth/FIRAuth.h:17: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/usr/in clude/AvailabilityMacros.h:182:64: note: expanded from macro 'DEPRECATED_MSG_ATTRIBUTE' #define DEPRECATED_MSG_ATTRIBUTE(s) attribute((deprecated(s))) ^ /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_remote_config-0.3.0+1/ios/Classes/FirebaseRe moteConfigPlugin.m:108:54: warning: 'activateFetched' is deprecated: Use -[FIRRemoteConfig activate] instead. [-Wdeprecated-declarations] BOOL newConfig = [[FIRRemoteConfig remoteConfig] activateFetched]; ^ In file included from /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_remote_config-0.3.0+1/ios/Classes/FirebaseRe moteConfigPlugin.m:8: In file included from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/Firebase/Firebase.h:142: In file included from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/Fireb aseRemoteConfig.h:17: /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/FIRRe moteConfig.h:245:25: note: 'activateFetched' has been explicitly marked deprecated here - (BOOL)activateFetched DEPRECATED_MSG_ATTRIBUTE("Use -[FIRRemoteConfig activate] " ^ In module 'Darwin' imported from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseAuth/FIRAuth.h:17: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/usr/in clude/AvailabilityMacros.h:182:64: note: expanded from macro 'DEPRECATED_MSG_ATTRIBUTE' #define DEPRECATED_MSG_ATTRIBUTE(s) attribute((deprecated(s))) ^ /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_remote_config-0.3.0+1/ios/Classes/FirebaseRe moteConfigPlugin.m:139:40: warning: 'allKeysFromSource:namespace:' is deprecated: Use -[FIRRemoteConfig allKeysFromSource:] instead. [-Wdeprecated-declarations] NSArray *defaultKeys = [remoteConfig allKeysFromSource:FIRRemoteConfigSourceDefault ^ In file included from /Users/mauro/Documents/SDK/flutter/.pub-cache/hosted/pub.dartlang.org/firebase_remote_config-0.3.0+1/ios/Classes/FirebaseRe moteConfigPlugin.m:8: In file included from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/Firebase/Firebase.h:142: In file included from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/Fireb aseRemoteConfig.h:17: /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseRemoteConfig/FIRRe moteConfig.h:300:5: note: 'allKeysFromSource:namespace:' has been explicitly marked deprecated here DEPRECATED_MSG_ATTRIBUTE("Use -[FIRRemoteConfig allKeysFromSource:] instead."); ^ In module 'Darwin' imported from /Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Pods/Headers/Private/FirebaseAuth/FIRAuth.h:17: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator13.2.sdk/usr/in clude/AvailabilityMacros.h:182:64: note: expanded from macro 'DEPRECATED_MSG_ATTRIBUTE' #define DEPRECATED_MSG_ATTRIBUTE(s) attribute((deprecated(s))) ^ 4 warnings generated. error: Build input file cannot be found: '/Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/ios/Runner/GoogleService-Info.plist' (in target 'Runner' from project 'Runner') note: Using new build system note: Planning build note: Constructing build description warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 4.3, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'FMDB' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'gRPC-C++-gRPCCertificates-Cpp' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 4.3, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'nanopb' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'Protobuf' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'GTMSessionFetcher' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'BoringSSL-GRPC' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'AppAuth' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 5.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'leveldb-library' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'abseil' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'gRPC-Core' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'GTMAppAuth' from project 'Pods') warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 7.0, but the range of supported deployment target versions is 8.0 to 13.2.99. (in target 'gRPC-C++' from project 'Pods')

    Could not build the application for the simulator. Error launching application on iPad Pro (11-inch).

    Some help?

    opened by blondie63 7
  • Error gradle when run

    Error gradle when run

    * Error running Gradle:
    ProcessException: Process "D:\Projek\mobile\template\flutter_ui_challenges\android\gradlew.bat" exited abnormally:
    
    FAILURE: Build failed with an exception.
    
    * Where:
    Build file 'D:\Projek\mobile\template\flutter_ui_challenges\android\app\build.gradle' line: 52
    
    * What went wrong:
    A problem occurred evaluating project ':app'.
    > path may not be null or empty string. path='null'
    
    * 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 24s
      Command: D:\Projek\mobile\template\flutter_ui_challenges\android\gradlew.bat app:properties
    
    Finished with error: Please review your Gradle project setup in the android/ folder.
    
    opened by yafianshori 6
  • Error during compilation

    Error during compilation

    Hi,

    after I have fetched the dependencies and tried to run the app in the simulator, I get the following error message:

    `Compiler message: lib/src/pages/profile/profile9.dart:59:22: Error: The getter 'headline6' isn't defined for the class 'TextTheme'.

    • 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../Desktop/flutter/packages/flutter/lib/src/material/text_theme.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'headline6'. .headline6 ^^^^^^^^^ lib/src/pages/profile/profile9.dart:91:66: Error: The getter 'headline4' isn't defined for the class 'TextTheme'.
    • 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../Desktop/flutter/packages/flutter/lib/src/material/text_theme.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'headline4'. style: Theme.of(context).textTheme.headline4, ^^^^^^^^^ lib/src/pages/profile/profile9.dart:96:66: Error: The getter 'subtitle1' isn't defined for the class 'TextTheme'.
    • 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../Desktop/flutter/packages/flutter/lib/src/material/text_theme.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'subtitle1'. style: Theme.of(context).textTheme.subtitle1, ^^^^^^^^^ lib/src/pages/profile/profile9.dart:106:66: Error: The getter 'headline4' isn't defined for the class 'TextTheme'.
    • 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../Desktop/flutter/packages/flutter/lib/src/material/text_theme.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'headline4'. style: Theme.of(context).textTheme.headline4, ^^^^^^^^^ lib/src/pages/profile/profile9.dart:111:66: Error: The getter 'subtitle1' isn't defined for the class 'TextTheme'.
    • 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../Desktop/flutter/packages/flutter/lib/src/material/text_theme.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'subtitle1'. style: Theme.of(context).textTheme.subtitle1, ^^^^^^^^^ lib/src/pages/profile/profile9.dart:123:52: Error: The getter 'headline5' isn't defined for the class 'TextTheme'.
    • 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../Desktop/flutter/packages/flutter/lib/src/material/text_theme.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'headline5'. style: Theme.of(context).textTheme.headline5, ^^^^^^^^^ lib/src/pages/profile/profile9.dart:143:52: Error: The getter 'headline5' isn't defined for the class 'TextTheme'.
    • 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../Desktop/flutter/packages/flutter/lib/src/material/text_theme.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'headline5'. style: Theme.of(context).textTheme.headline5, ^^^^^^^^^ lib/src/pages/profile/profile9.dart:219:13: Error: No named parameter with the name 'clipBehavior'. clipBehavior: Clip.antiAlias, ^^^^^^^^^^^^ ../../Desktop/flutter/packages/flutter/lib/src/widgets/container.dart:302:3: Context: Found this candidate, but the arguments don't match. Container({ ^^^^^^^^^ lib/src/pages/profile/profile9.dart:242:20: Error: The getter 'headline6' isn't defined for the class 'TextTheme'.
    • 'TextTheme' is from 'package:flutter/src/material/text_theme.dart' ('../../Desktop/flutter/packages/flutter/lib/src/material/text_theme.dart'). Try correcting the name to the name of an existing getter, or defining a getter or field named 'headline6'. .headline6 ^^^^^^^^^ Target kernel_snapshot failed: Exception: Errors during snapshot creation: null Failed to build bundle. Error launching application on iPhone 11.`

    Please help with this, thanks!

    opened by melying 5
  • Remove firebase, google_sign_in and so on?

    Remove firebase, google_sign_in and so on?

    Can we remove firebase, google_sign_in and other authentication to provide pure flutter ui demonstration. In this way, we can make it more easier to run it locally and make it available for flutter web and desktop(MacOS, Linux, Windows) support.

    I like the examples in this repo, it help me to learn flutter better. But now I have to modified some staffs to make it build locally for android. There are a lot of issues about firebase, google_sign_in and some releated key, secret integration when it comes to web and desktop support. I hope we can create a branch for removing firebase, google_sign_in and so on, provide pure ui challenges and support web and desktop. A lot of dependences are dart package, not flutter plugin, so I think it maybe easy to run it on web and desktop.

    Hope this repo become better, popular and more easier for flutter beginners. Thanks for the wonderful project. It really help me a lot.

    opened by liudonghua123 5
  • custom swiper  pagination issue.

    custom swiper pagination issue.

    import 'package:flutter_ui_challenges/src/widgets/swiper_pagination.dart';

    I have changed item count to 6. But I can see only 3 pagination items .

    int itemCount = config.itemCount;
    int activeIndex = config.activeIndex;
    

    itemCount is printing 3 instead of 6. activeIndex is printing 0,1,2 instead of 0,1,2,3,4,5 .

    opened by suresh-kumara-gist 5
  • Loader one and two not working

    Loader one and two not working

    When trying to use LoaderOne or two it throws exception and keep repeating until I have to close the app here is the exception It's the same in loader two

    ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════ I/flutter ( 5540): The following assertion was thrown while finalizing the widget tree: I/flutter ( 5540): _LoaderOneState#aa4e3(ticker active) was disposed with an active Ticker. I/flutter ( 5540): _LoaderOneState created a Ticker via its SingleTickerProviderStateMixin, but at the time dispose() I/flutter ( 5540): was called on the mixin, that Ticker was still active. The Ticker must be disposed before calling I/flutter ( 5540): super.dispose(). Tickers used by AnimationControllers should be disposed by calling dispose() on the I/flutter ( 5540): AnimationController itself. Otherwise, the ticker will leak. I/flutter ( 5540): The offending ticker was: Ticker(created by _LoaderOneState#aa4e3(lifecycle state: created)) I/flutter ( 5540): The stack trace when the Ticker was actually created was: I/flutter ( 5540): #0 new Ticker. (package:flutter/src/scheduler/ticker.dart:64:40) I/flutter ( 5540): #1 new Ticker (package:flutter/src/scheduler/ticker.dart:66:6) I/flutter ( 5540): #2 __LoaderOneState&State&SingleTickerProviderStateMixin.createTicker I/flutter ( 5540): (package:flutter/src/widgets/ticker_provider.dart:93:15) I/flutter ( 5540): #3 new AnimationController (package:flutter/src/animation/animation_controller.dart:245:21)

    opened by Blacktoviche 4
  • Isomorphic

    Isomorphic

    I create a new branch named isomorphic, and want to make it work for mobile(android/ios), web and desktop(MacOS, Linux, Windows). I tested and most of the ui demonstration worked as expected. Only on desktop platform, because of touch gesture is not support, so the back navigation is not work, I will try to investigate to find some methods like bind navigation keyword events to this problem. And I also add a few github workflows, so when pushed a tag, then the github actions will build mobile(android/ios), web and desktop(MacOS, Linux, Windows) apps, and push the files to the release page.

    opened by liudonghua123 3
  • Bottom Sheet UI Request?

    Bottom Sheet UI Request?

    Hi Sir, can we request a feature? If yes, please help me to make full screen bottom sheet like google maps bottom sheet on android os devices.

    I really don't know how to make it, when we drag the bottom sheet onto the appbar it become full screen, it become one with the appbar / with the whole page screen and scrollable, and when we click on some place the bottom sheet even has its own appbar with the selected place/location as an appbar name.

    Please consider for make this type of bottom sheet sir.

    thanks sir, sorry for my bad english.

    opened by NicoAnPra 3
  • Animation page doesn't have back button

    Animation page doesn't have back button

    (iOS) Hi,

    in app, when you choose 'Animations (5 layouts)' > 'Fancy Appbar Animation' it does not contains the back button to UI Challenges view and now user is stuck in the animation window.

    It's probably this anim idk link

    (Note: 'Hero Animation' has it's back button slightly higher and it might goes under the top bar and sometimes it's hard to press it)

    Update: Had more time and found that these contains no back arrow as well:

    • Profile Two
    • Profile Four
    • Authentication all (except Signup One)
    • Settings Two
    • List Two
    • Invitation all (last one has but not works
    • and others probably going bellow..
    opened by PauliusLeonardas 3
  • ios compile error

    ios compile error

    i did flutter clean , then run for ios i got the following

    Error output from Xcode build: ↳ 2020-11-22 00:22:44.799 xcodebuild[22325:4096498] DVTProvisioningProfileManager: Failed to load profile "/Users/alkhateeb/Library/MobileDevice/Provisioning Profiles/t.plist" (Error Domain=DVTProvisioningProfileSourceErrorDomain Code=0 "No provisioning profile provider found for profile "/Users/alkhateeb/Library/MobileDevice/Provisioning Profiles/t.plist"." UserInfo={NSLocalizedDescription=No provisioning profile provider found for profile "/Users/alkhateeb/Library/MobileDevice/Provisioning Profiles/t.plist".}) ** BUILD FAILED **

    Xcode's output: ↳ ../../.pub-cache/hosted/pub.dartlang.org/wave-0.0.8/lib/config.dart:46:13: Error: Method not found: 'throwNullError'. throwNullError('custom', 'colorsorgradients'); ^^^^^^^^^^^^^^ ../../.pub-cache/hosted/pub.dartlang.org/wave-0.0.8/lib/config.dart:60:13: Error: Method not found: 'throwNullError'. throwNullError('custom', 'durations'); ^^^^^^^^^^^^^^ ../../.pub-cache/hosted/pub.dartlang.org/wave-0.0.8/lib/config.dart:66:13: Error: Method not found: 'throwNullError'. throwNullError('custom', 'heightPercentages'); ^^^^^^^^^^^^^^

    Command PhaseScriptExecution failed with a nonzero exit code
    note: Using new build system
    note: Building targets in parallel
    note: Planning build
    note: Constructing build description
    
    opened by HMMApps 2
  • Hi there! Nice UI. I was wondering why On tap

    Hi there! Nice UI. I was wondering why On tap

    Hi there! Nice UI. I was wondering why Ontap() method could not be implemented in the custom drawer.

    Attached here is the side navigation drawer Normally One should be able should be able to tap on each image list to navigate to another page

    `/**

    • Author: Damodar Lohani
    • profile: https://github.com/lohanidamodar */

    import 'package:flutter/material.dart'; import 'package:flutter_ui_challenges/src/pages/animations/animation1/animation1.dart'; import 'package:flutter_ui_challenges/src/utils/oval-right-clipper.dart'; import 'package:cached_network_image/cached_network_image.dart';

    class DarkDrawerPage extends StatelessWidget { static final String path = "lib/src/pages/navigation/drawer1.dart"; final GlobalKey _key = GlobalKey(); final Color primary = Color(0xff291747); final Color active = Color(0xff6C48AB);

    @override Widget build(BuildContext context) { return Scaffold( key: _key, appBar: AppBar( title: Text('Dark Drawer Navigation'), automaticallyImplyLeading: false, leading: IconButton( icon: Icon(Icons.menu), onPressed: () { _key.currentState.openDrawer(); }, ), ), drawer: _buildDrawer(), body: SingleChildScrollView( padding: const EdgeInsets.all(16.0), child: Column( children: [ Container( width: double.infinity, height: 200, decoration: BoxDecoration( color: Colors.deepOrange, borderRadius: BorderRadius.circular(10.0)), ), SizedBox(height: 10.0), Container( width: double.infinity, height: 200, decoration: BoxDecoration( color: Colors.lightGreen, borderRadius: BorderRadius.circular(10.0)), ), SizedBox(height: 10.0), Container( width: double.infinity, height: 200, decoration: BoxDecoration( color: Colors.pink, borderRadius: BorderRadius.circular(10.0)), ), ], ), ), ); }

    _buildDrawer() { final String image = images[0]; return ClipPath( clipper: OvalRightBorderClipper(), child: Drawer( child: Container( padding: const EdgeInsets.only(left: 16.0, right: 40), decoration: BoxDecoration( color: primary, boxShadow: [BoxShadow(color: Colors.black45)]), width: 300, child: SafeArea( child: SingleChildScrollView( child: Column( children: [ Container( alignment: Alignment.centerRight, child: IconButton( icon: Icon( Icons.power_settings_new, color: active, ), onPressed: () {}, ), ), Container( height: 90, alignment: Alignment.center, decoration: BoxDecoration( shape: BoxShape.circle, gradient: LinearGradient( colors: [Colors.pink, Colors.deepPurple])), child: CircleAvatar( radius: 40, backgroundImage: CachedNetworkImageProvider(image), ), ), SizedBox(height: 5.0), Text( "erika costell", style: TextStyle(color: Colors.white, fontSize: 18.0), ), Text( "@erika07", style: TextStyle(color: active, fontSize: 16.0), ), SizedBox(height: 30.0), _buildRow(Icons.home, "Home"), _buildDivider(), _buildRow(Icons.person_pin, "Your profile"), _buildDivider(), _buildRow(Icons.settings, "Settings"), _buildDivider(), _buildRow(Icons.email, "Contact us"), _buildDivider(), _buildRow(Icons.info_outline, "Help"), _buildDivider(), ], ), ), ), ), ), ); }

    Divider _buildDivider() { return Divider( color: active, ); }

    Widget _buildRow(IconData icon, String title) { final TextStyle tStyle = TextStyle(color: active, fontSize: 16.0); return Container( padding: const EdgeInsets.symmetric(vertical: 8.0), child: Row(children: [ Icon( icon, color: active, ), SizedBox(width: 10.0), Text( title, style: tStyle, ), ]), ); } }

    opened by ridwanray 2
Owner
Damodar Lohani
Tech Consultant | Open source enthusiast | ❤ Flutter | Full stack Developer
Damodar Lohani
Morphing Coffee 0 Jan 27, 2022
Yukino lets you read manga or stream anime ad-free from multiple sources for free! Available for Windows, Linux, MacOS and Android.

Yukino Yukino lets you read manga or stream anime ad-free from multiple sources. The project's name "Yukino" meaning "Snow" named after the character

Yukino 204 Jan 6, 2023
This example uses a ScrollView, JSON Rest API, Navigation, Alert Pop Up, Progress Indicator, Globals, Images in a shared asset folder, and 100% Shared Code

This example uses a ScrollView, JSON Rest API, Navigation, Alert Pop Up, Progress Indicator, Globals, Images in a shared asset folder, and 100% Shared Code. Now with the ability to login with FaceID, TouchID, and Fingerprint Reader on Android.

Rody Davis 672 Jan 6, 2023
100+ Mobile & Web UI Kit

Flutter Ui Kit A Simple UI Kit. ✨ Requirements Any Operating System (ie. MacOS X, Linux, Windows) Any IDE with Flutter SDK installed (ie. IntelliJ, An

Bukunmi Aluko 618 Dec 29, 2022
Luis Ciber 3 Jan 11, 2022
Flutter application for latest news by top newspapers . And allow for share articles with friends. Now available in night mode. Also landscape mode is available

Breaking News Latest news for almost 55 country. Feature of saving article and search ariticles. Used API https://newsapi.org/ Note: if data is not ge

null 7 Oct 24, 2022
Get a professional App Landing page for your app for FREE

App Landing Page made with Flutterweb, Hosted on Codemagic. Don't forget to star ⭐ the repo it motivates me to share more open source Host this on Fir

Sanskar Tiwari 149 Oct 18, 2022
Flutter boilerplate: support Android, iOS, Web, Mac, Linux, Window with bloc(cubit) state management

Flutter boilerplate: support Android, iOS, Web, Mac, Linux, Window with bloc(cubit) state management, dynamic theme, localization, environment (.env), logger, navigation (go_router), responsiveness (mobile, tablet, desktop), lint, unit/widget/integration test and more ...

Bumbii Co., Ltd 34 Dec 29, 2022
Flutter boilerplate: support Android, iOS, Web, Mac, Linux, Window with bloc(cubit)

Flutter boilerplate: support Android, iOS, Web, Mac, Linux, Window with bloc(cubit) state management, dynamic theme, localization, environment (.env), logger, navigation (go_router), responsiveness (mobile, tablet, desktop), lint, and unit/integration test.

Bumbii Co., Ltd 34 Dec 29, 2022
A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your issue.

r_scan A flutter plugin about qr code or bar code scan , it can scan from file、url、memory and camera qr code or bar code .Welcome to feedback your iss

PengHui Li 112 Nov 11, 2022
Flutter Easy Getx Implementations .

Flutter Easy GetX Description People ask me how I manage state,dependency,routes etc when I work with flutter,Here is the Simple Brief About GetX whic

Tasnuva Tabassum oshin 13 Oct 18, 2022
A flutter package uses native implementations to resize an image

fast_image_resizer This package uses native implementations to resize an image.

Soeren Schoenbrod 0 Dec 20, 2021
Live portfolio designed using Flutter 2.0 available for android and web.

DevFolio - Portfolio for Developers Designed live portfolio using Flutter 2.0. Available for Android and Web. ?? How to install? Before these steps ma

Muhammad Hamza 533 Jan 7, 2023
Modern UI with Flutter for Web, Android, Windows and Linux.

Modern UI with Flutter for Web, Android, Windows and Linux.

null 1 Apr 9, 2022
Flutter-job-app - Flutter UI Day 28 of 100 - Job App

Flutter UI Day 28 of 100 - Job App Getting Started git clone https://github.com/

Afifudin 2 Sep 23, 2022
A beautiful weather forecasting application built with the Flutter development kit. Available on Android and iOS.

Flutter Weather A beautiful weather forecasting application built with the Flutter development kit. Screenshots Analysis Run Application This project

Scott Carnett 15 Oct 17, 2022
This is my participation Repo for the 100 days of coding challenge

hundred_days_of_coding Day 1: Started creating Project and using advanced tools to make the development easier Day 2: Added DataClasses with the help

jxstxn__ 3 Nov 21, 2021
Punto de venta 100% opensource y gratuito :)

Total POS Punto de venta desarrollado por mera diversion, porque no? ??‍♂️ ⚠️ En Desarrollo ⚠️ La implementacion con postgres es la mas avanzada echal

Ushieru Kokoran 1 Sep 19, 2022