OnBoarding: Add a dots indicator at the bottom

This way we clearly know that we can go back in the onboarding process.
I hope. It definitely looks much better now.
This commit is contained in:
Vishesh Handa
2019-01-17 13:40:07 +01:00
parent 6c07510c4d
commit aaeea1552c
3 changed files with 26 additions and 2 deletions

@ -5,6 +5,7 @@ import 'package:flutter/services.dart';
import 'package:url_launcher/url_launcher.dart';
import 'package:path/path.dart' as p;
import 'package:dots_indicator/dots_indicator.dart';
import 'package:journal/analytics.dart';
import 'package:journal/state_container.dart';
@ -36,6 +37,8 @@ class OnBoardingScreenState extends State<OnBoardingScreen> {
String gitCloneErrorMessage = "";
var pageController = PageController();
int _currentPageIndex = 0;
final GlobalKey<ScaffoldState> _scaffoldKey = new GlobalKey<ScaffoldState>();
String publicKey = "";
@ -173,6 +176,10 @@ class OnBoardingScreenState extends State<OnBoardingScreen> {
'page_name': pageName,
},
);
setState(() {
_currentPageIndex = pageNum;
});
},
);
@ -181,8 +188,17 @@ class OnBoardingScreenState extends State<OnBoardingScreen> {
body: new Container(
width: double.infinity,
height: double.infinity,
//color: Theme.of(context).primaryColor,
child: pageView,
child: Stack(
alignment: FractionalOffset.bottomCenter,
children: <Widget>[
pageView,
new DotsIndicator(
numberOfDot: pageCount,
position: _currentPageIndex,
dotActiveColor: Theme.of(context).primaryColorDark,
)
],
),
padding: EdgeInsets.all(16.0),
),
);

@ -80,6 +80,13 @@ packages:
url: "https://github.com/MarkOSullivan94/dart_config.git"
source: git
version: "0.5.0"
dots_indicator:
dependency: "direct main"
description:
name: dots_indicator
url: "https://pub.dartlang.org"
source: hosted
version: "0.0.4"
firebase_analytics:
dependency: "direct main"
description:

@ -13,6 +13,7 @@ dependencies:
flutter_crashlytics: ^0.2.0
shared_preferences: ^0.4.3
url_launcher: ^4.0.3
dots_indicator: ^0.0.3
dev_dependencies:
flutter_launcher_icons: "^0.7.0"