import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; void main() => runApp(const Noise()); // ToDo: remove when done: currently only for testing purposes class Noise extends StatelessWidget { const Noise({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return MaterialApp( home: LoginPage(), ); } } class LoginPage extends StatefulWidget { const LoginPage({Key? key}) : super(key: key); @override _LoginPageState createState() => _LoginPageState(); } class _LoginPageState extends State { @override Widget build(BuildContext context) { return Scaffold( body: AnnotatedRegion( value: SystemUiOverlayStyle.light, child: GestureDetector( child: Stack( children: [ Container( height: double.infinity, width: double.infinity, decoration: BoxDecoration( gradient: LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ Color(0x665ac18e), Color(0x995ac18e), Color(0xcc5ac18e), Color(0xff5ac18e), ])), child: SingleChildScrollView( padding: EdgeInsets.symmetric( horizontal: 25, vertical: 120 ), child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text( 'sign In', style: TextStyle( color: Colors.white, fontSize: 40, fontWeight: FontWeight.bold, ), ), SizedBox(height: 50), buildEmail() ], ), ), ) ], )), ), ); } Widget buildPassword() { return Column( ); } Widget buildEmail() { return Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( 'Email', style: TextStyle( color: Colors.white, fontSize: 16, fontWeight: FontWeight.bold, ), ), SizedBox(height: 10), Container( alignment: Alignment.centerLeft, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.circular(10), boxShadow: [ BoxShadow( color: Colors.black26, blurRadius: 6, offset: Offset(0, 2), ) ] ), height: 60, child: TextField( keyboardType: TextInputType.emailAddress, style: TextStyle( color: Colors.black87, ), decoration: InputDecoration( border: InputBorder.none, contentPadding: EdgeInsets.only(top: 14), prefixIcon: Icon( Icons.email, color: Color(0xff5ac18e), ), hintText: 'Email', hintStyle: TextStyle( color: Colors.black38, ) ), ), ) ], ); } }