diff --git a/assets/images/seed.png b/assets/images/seed.png new file mode 100644 index 00000000..5863a68f Binary files /dev/null and b/assets/images/seed.png differ diff --git a/lib/screens/create_categories/create_categories_screen.dart b/lib/screens/create_categories/create_categories_screen.dart index a66263cb..1a7c06ae 100644 --- a/lib/screens/create_categories/create_categories_screen.dart +++ b/lib/screens/create_categories/create_categories_screen.dart @@ -20,119 +20,148 @@ class _CreateCategoriesScreenState extends State { @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: [ - 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: [ + 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(104, 53)), - shape: + shape: MaterialStateProperty.all( - RoundedRectangleBorder( - borderRadius: BorderRadius.circular(25.0), - side: BorderSide.none), - ), - backgroundColor: + RoundedRectangleBorder( + borderRadius: BorderRadius.circular(25.0), + side: BorderSide.none), + ), + backgroundColor: MaterialStateProperty.all(Colors.white), - padding: MaterialStateProperty.all( - 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.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), + ), ), ), ), ), - ), - ], + + + + ], + ), ), ), ),