diff --git a/README.md b/README.md index e0ffb8ee..d562e152 100644 --- a/README.md +++ b/README.md @@ -146,7 +146,7 @@ The code for Springy Widget is taken and refactored from (https://github.com/mat (1 - is inspired from https://www.uplabs.com/posts/smart-wallet-onboarding) - + ## miscellaneous widgets diff --git a/assets/flare/bus.flr b/assets/flare/bus.flr new file mode 100644 index 00000000..575a8856 Binary files /dev/null and b/assets/flare/bus.flr differ diff --git a/lib/src/pages/onboarding/intro5.dart b/lib/src/pages/onboarding/intro5.dart new file mode 100644 index 00000000..1fcf852a --- /dev/null +++ b/lib/src/pages/onboarding/intro5.dart @@ -0,0 +1,47 @@ +import 'package:flutter/material.dart'; +import 'package:flare_flutter/flare_actor.dart'; + +class Intro5 extends StatefulWidget { + static final String path = "lib/src/pages/onboarding/intro5.dart"; + @override + _Intro5State createState() => _Intro5State(); +} + +const brightYellow = Color(0xFFFFD300); +const darkYellow = Color(0xFFFFB900); + +class _Intro5State extends State { + @override + Widget build(BuildContext context) { + return Scaffold( + backgroundColor: brightYellow, + body: Column( + children: [ + Flexible( + flex: 8, + child: FlareActor( + 'assets/flare/bus.flr', + alignment: Alignment.center, + fit: BoxFit.contain, + animation: 'driving', + ), + ), + Flexible( + flex: 2, + child: RaisedButton( + color: darkYellow, + elevation: 4, + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(50)), + child: Text( + 'Tap here to proceed', + style: TextStyle(color: Colors.black54), + ), + onPressed: () => Navigator.pop(context), + ), + ), + ], + ), + ); + } +} diff --git a/lib/src/widgets/main_menu.dart b/lib/src/widgets/main_menu.dart index fb9cc174..14534376 100644 --- a/lib/src/widgets/main_menu.dart +++ b/lib/src/widgets/main_menu.dart @@ -19,6 +19,8 @@ import 'package:flutter_ui_challenges/src/pages/login/login6.dart'; import 'package:flutter_ui_challenges/src/pages/login/signup2.dart'; import 'package:flutter_ui_challenges/src/pages/ecommerce/ecommerce5.dart'; import 'package:flutter_ui_challenges/src/pages/misc/navybar.dart'; +import 'package:flutter_ui_challenges/src/pages/onboarding/intro5.dart'; +import 'package:flutter_ui_challenges/src/pages/onboarding/intro5.dart' as prefix0; import 'package:flutter_ui_challenges/src/pages/onboarding/landing1.dart'; import 'package:flutter_ui_challenges/src/pages/navigation/drawer1.dart'; import 'package:flutter_ui_challenges/src/pages/navigation/drawer2.dart'; @@ -48,10 +50,8 @@ import 'package:flutter_ui_challenges/src/pages/ecommerce/cart1.dart'; import 'package:flutter_ui_challenges/src/pages/ecommerce/confirm_order1.dart'; import 'package:flutter_ui_challenges/src/pages/ecommerce/ecommerce1.dart'; import 'package:flutter_ui_challenges/src/pages/ecommerce/ecommerce2.dart'; -import 'package:flutter_ui_challenges/src/pages/ecommerce/ecommerce4.dart'; import 'package:flutter_ui_challenges/src/pages/ecommerce/ecommerce_detail1.dart'; import 'package:flutter_ui_challenges/src/pages/ecommerce/ecommerce_detail2.dart'; -import 'package:flutter_ui_challenges/src/pages/ecommerce/ecommerce_detail3.dart'; import 'package:flutter_ui_challenges/src/pages/food/cake.dart'; import 'package:flutter_ui_challenges/src/pages/food/fdhome.dart'; import 'package:flutter_ui_challenges/src/pages/food/recipe_details.dart'; @@ -182,8 +182,7 @@ class _MainMenuState extends State { path: CheckAnswersPage.path), ]), MenuItem(title: "Todo", icon: FontAwesomeIcons.tasks, items: [ - SubMenuItem("Todo Week View", TodoTwoPage(), - path: TodoTwoPage.path), + SubMenuItem("Todo Week View", TodoTwoPage(), path: TodoTwoPage.path), SubMenuItem("Todo Home One", TodoHomeOnePage(), path: TodoHomeOnePage.path), ]), @@ -213,6 +212,7 @@ class _MainMenuState extends State { path: SmartWalletOnboardingPage.path), SubMenuItem("Onboarding 2", IntroTwoPage(), path: IntroTwoPage.path), SubMenuItem("Onboarding 3", IntroThreePage(), path: IntroThreePage.path), + SubMenuItem("Onboarding 5", Intro5(),path: prefix0.Intro5.path), ]), MenuItem(title: "Miscllaneous", items: [ SubMenuItem("Form Elements", FormElementPage(), diff --git a/pubspec.yaml b/pubspec.yaml index f86c0e48..d5785089 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -29,6 +29,11 @@ dependencies: bottomreveal: ^1.0.0 animated_floatactionbuttons: ^0.1.0 share: ^0.6.2 + flare_flutter: + git: + url: git://github.com/2d-inc/Flare-Flutter.git + ref: 6606b73bf4f7b87105a6febfbb5f2167cf8b8977 + path: flare_flutter dev_dependencies: flutter_test: @@ -61,6 +66,7 @@ flutter: - assets/hotel/ - assets/food/ - assets/icon/ + - assets/flare/ - lib/src/pages/animations/ - lib/src/pages/animations/animation1/ - lib/src/pages/blog/ diff --git a/screenshots/i5.gif b/screenshots/i5.gif new file mode 100644 index 00000000..08d391ff Binary files /dev/null and b/screenshots/i5.gif differ