mirror of
https://github.com/GitJournal/GitJournal.git
synced 2025-07-03 14:06:51 +08:00
Create the first OnBoarding page
This commit is contained in:
@ -31,7 +31,7 @@ class OnBoardingScreenState extends State<OnBoardingScreen> {
|
|||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
var pages = <Widget>[
|
var pages = <Widget>[
|
||||||
_buildPage("Page 1"),
|
OnBoardingPage1(),
|
||||||
_buildPage("Page 2"),
|
_buildPage("Page 2"),
|
||||||
_buildPage("Page 3"),
|
_buildPage("Page 3"),
|
||||||
];
|
];
|
||||||
@ -138,3 +138,43 @@ class OnBoardingBottomButton extends StatelessWidget {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
class OnBoardingPage1 extends StatelessWidget {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
var textTheme = Theme.of(context).textTheme;
|
||||||
|
var headerTextStyle = textTheme.display3.copyWith(fontFamily: "Lato");
|
||||||
|
var header = Column(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
Image.asset(
|
||||||
|
'assets/icon/icon.png',
|
||||||
|
height: 200,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
),
|
||||||
|
SizedBox(height: 16.0),
|
||||||
|
Text(
|
||||||
|
"GitJournal",
|
||||||
|
style: headerTextStyle,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
child: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Center(child: header),
|
||||||
|
SizedBox(height: 64.0),
|
||||||
|
Text(
|
||||||
|
"A Journaling App focused on Openness and Data Privacy",
|
||||||
|
style: textTheme.headline,
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Reference in New Issue
Block a user