lohanidamodar/flutter_ui_challenges

Updated for Flutter 3.x ** 100+ Professional UI implementations with Code in Flutter. Available in Android, iOS, Linux and Web

Flutter UI Challenges

My effort on replicating various apps UI on flutter.

🎉 Exciting News! 🎉

Level up your Flutter skills in just 30 days with 🚀 30DaysMasterFlutter 🚀

👨‍💻 Join the fun and become a Flutter pro! 💪👩‍💻

Live

Flutter UI Challenges Web

Building and running the code [ Updated ]

• Should work on all platforms with Flutter Stable Release

Table of contents

• Animation Examples UI
• Ecommerce UIs
• Login/signup UIs
• Settings UIs
• Dashboard UIs
• Quotes App UIs
• Motorbike App UIs
• Profile UIs
• Invitation App UIs
• Lists UIs
• Navigation UIs
• Onboarding UIs
• Miscellaneous UIs
• Blog UIs
• Food App UIs
• Quiz App UIs
• Todo App UIs
• Hotel App UIs
• Travel App UIs
• Grocery App UI Kit
• Bank App Clone
• Furniture App UI

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

• Flutter Swiper (https://pub.dartlang.org/packages/flutter_swiper_null_safety)
• Flutter Custom Clippers (https://pub.dartlang.org/packages/flutter_custom_clippers)

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

flutter_ui_challenges's Issues

Adding Navigation routes to the drawer

Hello.I am new to flutter.These ui are awesome.My problem is how to add navigation routes to the custom drawer? Like home ,profile etc?

UI request

Please design image pop-up with auto adjustable size depends on image with over laye share and close button

project with just animation

first thanks for great job.
I want just animation1 and their detail to build my own project
how can I do that please?

page not found

This link seems to be dead https://github.com/matthew-carroll/flutter_ui_challenge_springy_slider

MediaQuery.of() called with a context that does not contain a MediaQuery. IN SPRINGYSLIDER

The following assertion was thrown building SpringySliderPage:
I/flutter ( 2382): MediaQuery.of() called with a context that does not contain a MediaQuery.
I/flutter ( 2382): No MediaQuery ancestor could be found starting from the context that was passed to MediaQuery.of().
I/flutter ( 2382): This can happen because you do not have a WidgetsApp or MaterialApp widget (those widgets introduce
I/flutter ( 2382): a MediaQuery), or it can happen if the context you use comes from a widget above those widgets.
I/flutter ( 2382): The context used was:
I/flutter ( 2382): Scaffold(dirty, state: ScaffoldState#ee670(lifecycle state: initialized, tickers: tracking 2
I/flutter ( 2382): tickers))

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

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.

[ issue ]: hhome.dart drawer is not working

Hello there,
I tried to use drawer it is not working for onPressed: ()=>Scaffold.of(context).openDrawer()

Any ideas ? thank you

UI challenges package

Hello where can I download flutter_ui_challenges package? Cannot find it anywhere. Thank you

ios xcode build failed？

how to run this flutter_ui_challenges succese？？
failed tip：googlexxxxx.plist
求助 大佬

Android testing

Hi, i've tried to run on Android emulator api 29 after copied google-services.json in /android/app folder but i've this error:

Using hardware rendering with device Android SDK built for x86. If you get graphics artifacts, consider enabling software
rendering with "--enable-software-rendering".
Launching lib/main.dart on Android SDK built for x86 in debug mode...

FAILURE: Build failed with an exception.

• Where:
  Build file '/Users/mauro/Documents/_projects/Flutter/_Samples/flutter_ui_challenges/android/app/build.gradle' line: 53

• 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 9s
Running Gradle task 'assembleDebug'...
Running Gradle task 'assembleDebug'... Done 14,6s
Gradle task assembleDebug failed with exit code 1

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,
),
]),
);
}
}

compiler error

---

Compiler message:
/D:/fullter/.pub-cache/git/Flare-Flutter-6606b73bf4f7b87105a6febfbb5f2167cf8b8977/flare_flutter/lib/flare.dart:580:14: Error: The method 'FlutterActor.makeShapeNode' has fewer positional arguments than those of overridden method 'Actor.makeShapeNode'.
ActorShape makeShapeNode() {
^
/D:/fullter/.pub-cache/git/Flare-Flutter-e3d2414dfbd25e632510dad6959a1c18c2d585f8/flare_dart/lib/actor.dart:68:14: Context: This is the overridden method ('makeShapeNode').
ActorShape makeShapeNode(ActorShape source) {
^
Compiler failed on D:\flutter\flutter_ui_challenges\lib\main.dart

FAILURE: Build failed with an exception.

• Where:
  Script 'D:\fullter\packages\flutter_tools\gradle\flutter.gradle' line: 765

• What went wrong:
  Execution failed for task ':app:compileFlutterBuildDebugX86'.

Process 'command 'D:\fullter\bin\flutter.bat'' 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 11s
Running Gradle task 'assembleDebug'...
Running Gradle task 'assembleDebug'... Done 11.7s
Gradle task assembleDebug failed with exit code 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?

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.

com.google.gson.stream.MalformedJsonException: Use JsonReader.setLenient(true) to accept malformed JSON at line 1 column 24 path $

flutter version：1.12.17
i met this problems：
Execution failed for task ':app:processDebugGoogleServices'.

com.google.gson.stream.MalformedJsonException: Use JsonReader.setLenient(true) to accept malformed JSON at line 1 column 24 path $

WaveWidget ?

donde esta WaveWidget?

hello

UI CHALLENGE PACKAGE

Hello, how can I install flutter UI challenges package into my app? Cannot find it anywhere on the internet :-( thanks

A lot of syntax errors are reported in the latest flutter 3.0.1

A lot of syntax errors are reported in the latest flutter 3.0.1.Can it be updated to the latest version？

Please add an Example for Treeview Widget with Json Data

Request to add licence

Hello,

I am Maheshwari from team GeekyAnts. On behalf of Start Flutter , we add open source products which we find helpful to the community & also we provide credits to author itself.
Let me know if you are interested showcase your products in our open source website. If yes, then I request you to add MIT Licence in your repo.
Looking forward to hear from you.

Flutter SDK v1.12.13+hotfix.5

Hi i've tried to run firebase and branch without firebase with last sdk but there are many issues and app don't start..
Someone have tried ?

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 .

Laggy when open Animation on iOS devices

I run the project on iOS devices, it does not work smoothly. Please check it.

hello ??

hello ??

Originally posted by @lohanidamodar in #51 (comment)

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)

Firebase

Hi, do you have instruction to add the Firebase config files to this app?

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.

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

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!

App is not available for all regions in App Store

Hello,

The app is not available for download in App Store for some regions.

Ui issue

In this UI I have an issue.. gap between keyboard and textbox .. please resolve.thanks In advance.

i need litle help

I'm trying to build rtl version. how to mirror this clipper any helps?
oval-right-clipper i need oval-left-clipper
@OverRide
Path getClip(Size size) {
var path = Path();

path.lineTo(0, 0);
path.lineTo(size.width - 40, 0);
path.quadraticBezierTo(
    size.width, size.height / 4, size.width, size.height / 2);
path.quadraticBezierTo(size.width, size.height - (size.height / 4),
    size.width - 40, size.height);
path.lineTo(0, size.height);
return path;

}