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

Last update: Jun 22, 2022

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

GitHub

https://github.com/lohanidamodar/flutter_ui_challenges
Comments
  • 1. 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?

    Reviewed by blondie63 at 2020-01-09 17:38
  • 2. 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.
    
    Reviewed by yafianshori at 2019-05-20 02:55
  • 3. 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!

    Reviewed by melying at 2020-07-02 06:03
  • 4. 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.

    Reviewed by liudonghua123 at 2020-03-19 16:35
  • 5. 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 .

    Reviewed by suresh-kumara-gist at 2019-11-28 17:51
  • 6. 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)

    Reviewed by Blacktoviche at 2019-09-29 11:51
  • 7. 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.

    Reviewed by liudonghua123 at 2020-03-20 05:12
  • 8. 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.

    Reviewed by NicoAnPra at 2020-02-01 12:57
  • 9. 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..
    Reviewed by PauliusLeonardas at 2020-01-13 13:30
  • 10. 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
    
    Reviewed by HMMApps at 2020-11-21 21:42
  • 11. 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, ), ]), ); } }

    Reviewed by ridwanray at 2020-01-10 15:00

Related

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 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

Jun 21, 2022
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

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.

Jun 16, 2022
100+ Mobile & Web UI Kit
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

Jul 1, 2022
Jan 11, 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 ...

Jun 9, 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.

Jun 9, 2022
Get a professional App Landing page for your app for FREE
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

Jun 12, 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
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

Mar 30, 2022
Flutter Easy Getx Implementations .
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

Dec 6, 2021
A flutter package uses native implementations to resize an image

fast_image_resizer This package uses native implementations to resize an image.

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

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

Apr 9, 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.
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

Jun 5, 2022
Live portfolio designed using Flutter 2.0 available for android and web.
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

Jun 28, 2022
Flutter-job-app - Flutter UI Day 28 of 100 - Job App
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/

May 27, 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

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

May 24, 2022
A beautiful weather forecasting application built with the Flutter development kit. Available on Android and iOS.
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

Apr 20, 2022