diff --git a/assets/images/icon_bowl_in.png b/assets/images/icon_bowl_in.png new file mode 100644 index 0000000..382fb01 Binary files /dev/null and b/assets/images/icon_bowl_in.png differ diff --git a/lib/main.dart b/lib/main.dart index ec17532..aa29029 100644 --- a/lib/main.dart +++ b/lib/main.dart @@ -12,6 +12,8 @@ class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( + debugShowCheckedModeBanner: false, + title: 'Flutter Demo', theme: ThemeData( // This is the theme of your application. diff --git a/lib/views/welcome_screen.dart b/lib/views/welcome_screen.dart index e1f6ae1..4ee80bf 100644 --- a/lib/views/welcome_screen.dart +++ b/lib/views/welcome_screen.dart @@ -8,12 +8,71 @@ class WelcomeScreen extends StatelessWidget { Widget build(BuildContext context) { return Stack( children: [ + Container( + width: MediaQuery.of(context).size.width, + height: MediaQuery.of(context).size.height, + decoration: const BoxDecoration( + gradient: LinearGradient( + begin: Alignment.topLeft, + end: Alignment.bottomRight, + colors: [ + Color(0xff19BDE0), + Color(0xff4A17DC), + ], + )), + ), Positioned( - bottom: 0, + bottom: 0, child: Image( width: MediaQuery.of(context).size.width, - image: AssetImage("assets/images/background_welcomepage.png"))), + image: AssetImage("assets/images/background_welcomepage.png"))), + SizedBox( + width: MediaQuery.of(context).size.width, + child: Column( + crossAxisAlignment: CrossAxisAlignment.center, + mainAxisAlignment: MainAxisAlignment.center, + children: [ + SizedBox( + height: 20, + ), + Image( + width: MediaQuery.of(context).size.width - 70, + image: AssetImage("assets/images/icon_bowl_in.png")), + Spacer(), + ButtonConnexion(), + SizedBox( + height: 60, + ) + ], + ), + ), ], ); } } + +class ButtonConnexion extends StatelessWidget { + @override + Widget build(BuildContext context) { + return ElevatedButton( + onPressed: () {}, + child: Icon( + Icons.arrow_forward_rounded, + color: Colors.white, + size: 50.0, + ), + style: ElevatedButton.styleFrom( + side: BorderSide( + width: 7, + color: Color(0xffFF419B), + ), + onPrimary: Colors.white, + primary: Color(0xffF40375), + shape: RoundedRectangleBorder( + borderRadius: BorderRadius.circular(35), + ), + minimumSize: Size(90, 90), + ), + ); + } +}