Skip to content

Commit

Permalink
Merge pull request #350 from OOTOPIA/OOT-216
Browse files Browse the repository at this point in the history 
feat: change image
  • Loading branch information
@claudiooliveira
claudiooliveira authored Sep 24, 2021
2 parents 814fca7 + 07b9e75 commit 1ae2d81
Show file tree
Hide file tree
Showing 2 changed files with 133 additions and 104 deletions.
Binary file added assets/images/seed.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
237 changes: 133 additions & 104 deletions lib/screens/create_categories/create_categories_screen.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,119 +20,148 @@ class _CreateCategoriesScreenState extends State<CreateCategoriesScreen> {

@override
Widget build(BuildContext context) {
return Scaffold(
body: SingleChildScrollView(
child: Container(
padding: const EdgeInsets.only(
right: 26.0,
left: 26,
),
height: MediaQuery.of(context).size.height,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage(
'assets/images/seed.jpg',
),
fit: BoxFit.cover,
),
),
child: Stack(
children: [
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretch,
children: <Widget>[
SizedBox(
height: GlobalConstants.of(context).spacingLarge,
),
Text(
AppLocalizations.of(context)!.albuns.toUpperCase(),
textAlign: TextAlign.center,
style: TextStyle(color: Colors.white, fontSize: 22),
),
SizedBox(
height: 27,
),
Center(
child: CircleAvatar(
backgroundColor: Color(0xff003694),
radius: 78,
child: SvgPicture.asset(
'assets/icons/Icon-feather-image.svg',
height: 62,
color: Colors.white,
))),
SizedBox(height: GlobalConstants.of(context).spacingMedium),
Text(
AppLocalizations.of(context)!
.createYourOwnCategories
.toUpperCase(),
style: TextStyle(
color: Colors.white,
fontSize: 36,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
SizedBox(
height:
return SafeArea(
child: Scaffold(
body: Container(
height: double.infinity,
decoration: BoxDecoration(image: DecorationImage(image: AssetImage('assets/images/seed.png',),fit: BoxFit.cover,)),
child: SingleChildScrollView(
child:
Stack(
children: [
Container(
padding: EdgeInsets.symmetric(horizontal: 26),
child: Column(
children: <Widget>[
SizedBox(
height: GlobalConstants.of(context).spacingLarge,
),
Text(
AppLocalizations.of(context)!.albuns.toUpperCase(),
textAlign: TextAlign.center,
style: TextStyle(color: Colors.white, fontSize: 22),
),
SizedBox(
height: 27,
),
Center(
child: CircleAvatar(
backgroundColor: Color(0xff003694),
radius: 78,
child: SvgPicture.asset(
'assets/icons/Icon-feather-image.svg',
height: 62,
color: Colors.white,
))),
SizedBox(height: GlobalConstants.of(context).spacingMedium),
Text(
AppLocalizations.of(context)!
.createYourOwnCategories
.toUpperCase(),
style: TextStyle(
shadows: [
BoxShadow(
color: Colors.black.withOpacity(0.25),
spreadRadius: 0,
blurRadius: 3,
offset: Offset(
0, 5), // changes position of shadow
),
BoxShadow(
color: Colors.black.withOpacity(0.25),
spreadRadius: 0,
blurRadius: 3,
offset: Offset(
1, 5), // changes position of shadow
),
],
color: Colors.white,
fontSize: 36,
fontWeight: FontWeight.bold,
),
textAlign: TextAlign.center,
),
SizedBox(
height:
GlobalConstants.of(context).screenHorizontalSpace),
Text(
AppLocalizations.of(context)!.textForNextFeatureCategories,
style: TextStyle(color: Colors.white, fontSize: 18),
textAlign: TextAlign.left,
),
SizedBox(
height: 50,
),
Container(
padding: const EdgeInsets.only(bottom: 28.0),
alignment: Alignment.bottomCenter,
child: ElevatedButton(
style: ButtonStyle(
fixedSize:
Text(
AppLocalizations.of(context)!.textForNextFeatureCategories,
style: TextStyle(color: Colors.white, fontSize: 18,
shadows: [
BoxShadow(
color: Colors.black.withOpacity(0.25),
spreadRadius: 0,
blurRadius: 3,
offset: Offset(
0, 5), // changes position of shadow
),
BoxShadow(
color: Colors.black.withOpacity(0.25),
spreadRadius: 0,
blurRadius: 3,
offset: Offset(
1, 5), // changes position of shadow
),
],),
textAlign: TextAlign.left,
),
SizedBox(
height: 50,
),

Container(
padding: const EdgeInsets.only(bottom: 28.0),
alignment: Alignment.bottomCenter,
child: ElevatedButton(
style: ButtonStyle(
fixedSize:
MaterialStateProperty.all<Size>(Size(104, 53)),
shape:
shape:
MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(25.0),
side: BorderSide.none),
),
backgroundColor:
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(25.0),
side: BorderSide.none),
),
backgroundColor:
MaterialStateProperty.all<Color>(Colors.white),
padding: MaterialStateProperty.all<EdgeInsets>(
EdgeInsets.all(15)),
),
onPressed: () {
Navigator.of(context).pop();
},
child: Text(
AppLocalizations.of(context)!.close,
style: TextStyle(
color: Color(0xff666666),
fontSize: 16,
fontWeight: FontWeight.bold,
),
)),
padding: MaterialStateProperty.all<EdgeInsets>(
EdgeInsets.all(15)),
),
onPressed: () {
Navigator.of(context).pop();
},
child: Text(
AppLocalizations.of(context)!.close,
style: TextStyle(
color: Color(0xff666666),
fontSize: 16,
fontWeight: FontWeight.bold,
),
)),
),
],
),
],
),
Align(
alignment: Alignment.topRight,
child: Padding(
padding: const EdgeInsets.only(top: 30),
child: RotatedBox(
quarterTurns: -1,
child: RichText(
text: TextSpan(
text: AppLocalizations.of(context)!.pictureByEttyFidele,
style: TextStyle(color: Colors.white, fontSize: 10),
),
Align(
alignment: Alignment.topRight,
child: Padding(
padding: const EdgeInsets.only(top: 16, right: 16),
child: RotatedBox(
quarterTurns: -1,
child: RichText(
text: TextSpan(
text: AppLocalizations.of(context)!.pictureByEttyFidele,
style: TextStyle(color: Colors.white, fontSize: 10),
),
),
),
),
),
),
],



],
),
),
),
),
Expand Down

0 comments on commit 1ae2d81

Please sign in to comment.