mirror of
https://github.com/GitJournal/GitJournal.git
synced 2025-06-29 10:17:16 +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;
|
final _bottomBarHeight = 50.0;
|
||||||
|
|
||||||
Widget _buildPage(String text) {
|
|
||||||
return Column(
|
|
||||||
children: <Widget>[
|
|
||||||
Text(text),
|
|
||||||
],
|
|
||||||
crossAxisAlignment: CrossAxisAlignment.center,
|
|
||||||
mainAxisAlignment: MainAxisAlignment.center,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
var pages = <Widget>[
|
var pages = <Widget>[
|
||||||
OnBoardingPage1(),
|
OnBoardingPage1(),
|
||||||
OnBoardingPage2(),
|
OnBoardingPage2(),
|
||||||
_buildPage("Page 3"),
|
OnBoardingPage3(),
|
||||||
];
|
];
|
||||||
var pageView = PageView(
|
var pageView = PageView(
|
||||||
controller: pageController,
|
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/github-icon.png"
|
||||||
- "assets/icon/gitlab-icon.png"
|
- "assets/icon/gitlab-icon.png"
|
||||||
- "assets/OnBoardingMarkdown.png"
|
- "assets/OnBoardingMarkdown.png"
|
||||||
|
- "assets/OnBoardingGitProviders.png"
|
||||||
fonts:
|
fonts:
|
||||||
- family: Lato
|
- family: Lato
|
||||||
fonts:
|
fonts:
|
||||||
|
Reference in New Issue
Block a user