mirror of
https://github.com/GitJournal/GitJournal.git
synced 2025-06-28 09:47:35 +08:00
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:
BIN
assets/OnBoardingGitProviders.png
Normal file
BIN
assets/OnBoardingGitProviders.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 44 KiB |
@ -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,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
@ -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:
|
||||
|
Reference in New Issue
Block a user