Add the third OnBoarding Page

For me this one is the least polished, and doesn't look that great. But
for now I guess it's fine. In the future, the different parts should not
be one images, but rather multiple ones which are animated properly.
This commit is contained in:
Vishesh Handa
2019-02-16 13:23:31 +01:00
parent 1c01be81b1
commit 531f76f9fd
3 changed files with 37 additions and 11 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

View File

@ -18,22 +18,12 @@ class OnBoardingScreenState extends State<OnBoardingScreen> {
final _bottomBarHeight = 50.0;
Widget _buildPage(String text) {
return Column(
children: <Widget>[
Text(text),
],
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.center,
);
}
@override
Widget build(BuildContext context) {
var pages = <Widget>[
OnBoardingPage1(),
OnBoardingPage2(),
_buildPage("Page 3"),
OnBoardingPage3(),
];
var pageView = PageView(
controller: pageController,
@ -226,3 +216,38 @@ class OnBoardingPage2 extends StatelessWidget {
);
}
}
class OnBoardingPage3 extends StatelessWidget {
@override
Widget build(BuildContext context) {
var textTheme = Theme.of(context).textTheme;
var header = Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Image.asset(
'assets/OnBoardingGitProviders.png',
//height: 200,
fit: BoxFit.fill,
),
SizedBox(height: 16.0),
],
);
return Container(
child: Column(
children: <Widget>[
Center(child: header),
SizedBox(height: 64.0),
Text(
"Sync your Local Git Repo\nwith any provider",
style: textTheme.headline,
textAlign: TextAlign.center,
),
],
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
),
);
}
}

View File

@ -35,6 +35,7 @@ flutter:
- "assets/icon/github-icon.png"
- "assets/icon/gitlab-icon.png"
- "assets/OnBoardingMarkdown.png"
- "assets/OnBoardingGitProviders.png"
fonts:
- family: Lato
fonts: