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