start of the login screen

pull/14/head
Lucas Delanier 2 years ago
parent 121e6b99c3
commit 27421efb71

@ -100,6 +100,13 @@
</list>
</value>
</entry>
<entry key="gradiantbutton">
<value>
<list>
<option value="$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/gradiantbutton-0.0.1/lib" />
</list>
</value>
</entry>
<entry key="http">
<value>
<list>
@ -219,6 +226,13 @@
</list>
</value>
</entry>
<entry key="smooth_corner">
<value>
<list>
<option value="$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/smooth_corner-1.1.0/lib" />
</list>
</value>
</entry>
<entry key="source_span">
<value>
<list>
@ -304,6 +318,7 @@
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/file-6.1.4/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/flutter_lints-2.0.2/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/google_fonts-4.0.4/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/gradiantbutton-0.0.1/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/http-0.13.5/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/http_parser-4.0.2/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/lints-2.0.1/lib" />
@ -320,6 +335,7 @@
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/platform-3.1.0/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/plugin_platform_interface-2.1.4/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/process-4.2.4/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/smooth_corner-1.1.0/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/source_span-1.9.0/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/stack_trace-1.10.0/lib" />
<root url="file://$USER_HOME$/AppData/Local/Pub/Cache/hosted/pub.dartlang.org/stream_channel-2.1.0/lib" />

@ -0,0 +1,63 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
class LoginButton extends StatefulWidget {
const LoginButton({Key? key}) : super(key: key);
@override
State<LoginButton> createState() => _LoginButtonState();
}
class _LoginButtonState extends State<LoginButton> {
@override
Widget build(BuildContext context) {
return ElevatedButton(
onPressed: () {},
style: ButtonStyle(
overlayColor:
MaterialStateProperty.all(Color(0xffD3C2FF).withOpacity(0.2)),
shape: MaterialStateProperty.all(RoundedRectangleBorder(
borderRadius: BorderRadius.circular(18),
)),
padding: MaterialStateProperty.all(EdgeInsets.all(0.0)),
),
child: Ink(
decoration: BoxDecoration(
gradient: RadialGradient(
center: Alignment(0, 3),
focalRadius: 10,
radius: 2.5,
stops: <double>[0.4, 1.0],
colors: [Color(0xff9E78FF), Color(0xff633AF4)],
),
borderRadius: BorderRadius.circular(18.0),
border: Border.all(
color: Color(0xff1C1C1C),
width: 5,
),
),
child: Container(
padding: EdgeInsets.only(top: 20, bottom: 20),
constraints: BoxConstraints(maxWidth: 300.0, minHeight: 50.0),
decoration: BoxDecoration(
boxShadow: [
BoxShadow(
color: Color(0xff7E56F9).withOpacity(0.23),
spreadRadius: 4,
blurRadius: 40,
offset: Offset(0, 3), // changes position of shadow
),
],
),
alignment: Alignment.center,
child: Text(
"Se connecter",
textAlign: TextAlign.center,
style: TextStyle(color: Colors.white, fontSize: 18),
),
),
),
);
}
}

@ -1,6 +1,6 @@
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:justmusic/screens/welcome_screen.dart';
import 'package:justmusic/screens/login_screen.dart';
void main() {
runApp(const MyApp());
@ -27,7 +27,7 @@ class MyApp extends StatelessWidget {
// is not restarted.
primarySwatch: Colors.blue,
),
home: const WellcomeScreen(),
home: const LoginScreen(),
);
}
}

@ -0,0 +1,55 @@
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:justmusic/values/constants.dart';
import '../components/login_button.dart';
class LoginScreen extends StatefulWidget {
const LoginScreen({Key? key}) : super(key: key);
@override
State<LoginScreen> createState() => _LoginScreenState();
}
class _LoginScreenState extends State<LoginScreen> {
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: bgColor,
body: Align(
child: Column(
children: [
Expanded(
child: Column(
children: [
Text(
"Te revoilà!",
style: GoogleFonts.plusJakartaSans(
color: Colors.white,
fontWeight: FontWeight.w500,
fontSize: 38),
),
SizedBox(
height: 10,
),
SizedBox(
width: 230,
child: Text(
"Bon retour parmis nous tu nous as manqué!",
style: GoogleFonts.plusJakartaSans(
color: Colors.white,
fontWeight: FontWeight.w300,
fontSize: 20),
textAlign: TextAlign.center,
),
),
LoginButton()
],
))
],
),
),
);
}
}

@ -95,6 +95,13 @@ packages:
url: "https://pub.dartlang.org"
source: hosted
version: "4.0.4"
gradiantbutton:
dependency: "direct main"
description:
name: gradiantbutton
url: "https://pub.dartlang.org"
source: hosted
version: "0.0.1"
http:
dependency: transitive
description:
@ -212,6 +219,13 @@ packages:
description: flutter
source: sdk
version: "0.0.99"
smooth_corner:
dependency: "direct main"
description:
name: smooth_corner
url: "https://pub.dartlang.org"
source: hosted
version: "1.1.0"
source_span:
dependency: transitive
description:

@ -37,6 +37,8 @@ dependencies:
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^1.0.2
google_fonts: ^4.0.4
gradiantbutton: ^0.0.1
smooth_corner: ^1.1.0
dev_dependencies:
flutter_test:

Loading…
Cancel
Save