Lucas Delanier
3 years ago
parent
d01ab8b2e1
commit
ebdc9b3af7
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
Binary file not shown.
@ -1,36 +0,0 @@
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_swipable/flutter_swipable.dart';
|
||||
|
||||
class DaflCard extends StatelessWidget {
|
||||
final color;
|
||||
double taille = 0;
|
||||
|
||||
DaflCard({required this.color});
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
double height = MediaQuery.of(context).size.height;
|
||||
return Swipable(
|
||||
onSwipeLeft: (finalposition){
|
||||
print('dislike');
|
||||
},
|
||||
onSwipeRight: (finalposition){
|
||||
print('like');
|
||||
},
|
||||
onSwipeUp: (finalposition){
|
||||
print('discovery');
|
||||
},
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage(
|
||||
'assets/images/pochette.png'),
|
||||
fit: BoxFit.cover,
|
||||
|
||||
),
|
||||
borderRadius: BorderRadius.all(Radius.circular(20))
|
||||
),
|
||||
height: height*0.66,),);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,180 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:fluttericon/font_awesome5_icons.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
import '../main.dart';
|
||||
|
||||
class DiscoveryPage extends StatefulWidget {
|
||||
const DiscoveryPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<DiscoveryPage> createState() => _DiscoveryPageState();
|
||||
}
|
||||
|
||||
class _DiscoveryPageState extends State<DiscoveryPage> {
|
||||
|
||||
@override
|
||||
|
||||
Widget build(BuildContext context) {
|
||||
double height = MediaQuery.of(context).size.height;
|
||||
double width = MediaQuery.of(context).size.width;
|
||||
return Scaffold(
|
||||
backgroundColor: Color(0xFF141414),
|
||||
resizeToAvoidBottomInset: false,
|
||||
|
||||
body: Padding(padding: EdgeInsets.fromLTRB(30, 50, 30, 0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Text('Playlist découverte', style: TextStyle(color: Colors.white, fontWeight: FontWeight.w500, fontSize: 25),),
|
||||
Spacer(),
|
||||
Icon(FontAwesome5.sort_amount_down, size: 30, color: Colors.white,),
|
||||
]
|
||||
),
|
||||
Padding(padding: EdgeInsets.fromLTRB(0, 5, 0, 0)),
|
||||
Text('Retrouvez ici vos nouvelles découvertes.', style: TextStyle(color: Colors.grey.withOpacity(0.4), fontSize: 15),),
|
||||
],
|
||||
),
|
||||
),
|
||||
Expanded(
|
||||
child: ListView(
|
||||
|
||||
children: [
|
||||
SizedBox(height: 40,),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
|
||||
child: Column(
|
||||
children: [
|
||||
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(0, 5, 0, 0),
|
||||
width: double.infinity,
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
height: 60,
|
||||
width: 60,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: NetworkImage('https://www.goutemesdisques.com/uploads/tx_gmdchron/pi1/L_Etrange_Histoire_de_Mr_Anderson.jpg'),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
border: Border.all(width: 0, color: Colors.grey.withOpacity(0)),
|
||||
borderRadius: BorderRadius.all(Radius.circular(10)),
|
||||
),),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text('IVERSON',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 20, fontWeight: FontWeight.w800),),
|
||||
Text('Laylow',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.6) ,fontSize: 16, fontWeight: FontWeight.w400),),
|
||||
|
||||
],
|
||||
),),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
|
||||
],
|
||||
)
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
|
||||
child: Column(
|
||||
children: [
|
||||
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(0, 5, 0, 0),
|
||||
width: double.infinity,
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
height: 60,
|
||||
width: 60,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: NetworkImage('https://www.goutemesdisques.com/uploads/tx_gmdchron/pi1/L_Etrange_Histoire_de_Mr_Anderson.jpg'),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
border: Border.all(width: 0, color: Colors.grey.withOpacity(0)),
|
||||
borderRadius: BorderRadius.all(Radius.circular(10)),
|
||||
),),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text('IVERSON',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 20, fontWeight: FontWeight.w800),),
|
||||
Text('Laylow',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.6) ,fontSize: 16, fontWeight: FontWeight.w400),),
|
||||
|
||||
],
|
||||
),),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
|
||||
],
|
||||
)
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
|
||||
child: Column(
|
||||
children: [
|
||||
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(0, 5, 0, 0),
|
||||
width: double.infinity,
|
||||
child: Row(
|
||||
children: [
|
||||
Container(
|
||||
height: 60,
|
||||
width: 60,
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: NetworkImage('https://www.goutemesdisques.com/uploads/tx_gmdchron/pi1/L_Etrange_Histoire_de_Mr_Anderson.jpg'),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
border: Border.all(width: 0, color: Colors.grey.withOpacity(0)),
|
||||
borderRadius: BorderRadius.all(Radius.circular(10)),
|
||||
),),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text('IVERSON',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 20, fontWeight: FontWeight.w800),),
|
||||
Text('Laylow',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.6) ,fontSize: 16, fontWeight: FontWeight.w400),),
|
||||
|
||||
],
|
||||
),),
|
||||
],
|
||||
),
|
||||
),
|
||||
|
||||
|
||||
],
|
||||
)
|
||||
),
|
||||
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,221 @@
|
||||
|
||||
import 'package:daflmusic/profilPage/parametre_page.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:page_transition/page_transition.dart';
|
||||
|
||||
import '../icons.dart';
|
||||
import '../widgets/spots.dart';
|
||||
|
||||
class MainProfilPage extends StatefulWidget {
|
||||
const MainProfilPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<MainProfilPage> createState() => _MainProfilPageState();
|
||||
}
|
||||
|
||||
class _MainProfilPageState extends State<MainProfilPage> {
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
double height = MediaQuery.of(context).size.height;
|
||||
double width = MediaQuery.of(context).size.width;
|
||||
|
||||
return Scaffold(
|
||||
backgroundColor: Color(0xFF141414),
|
||||
resizeToAvoidBottomInset: false,
|
||||
body: Container(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Container(
|
||||
width: double.infinity,
|
||||
margin: EdgeInsets.fromLTRB(30, 50, 0, 0),
|
||||
child: Text(
|
||||
"Profil",
|
||||
style: TextStyle(fontSize: 25, fontWeight: FontWeight.w600, color: Colors.white),),
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(0, 10, 0, 40),
|
||||
height: height*0.14,
|
||||
width: height*0.14,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(100.0),
|
||||
color: Colors.blue,border: Border.all(width: 6.0, color: Colors.white),
|
||||
|
||||
),
|
||||
),
|
||||
Container(
|
||||
height: 55,
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(10.0),
|
||||
color: Colors.transparent,
|
||||
),
|
||||
margin: EdgeInsets.fromLTRB(30, 0, 30, 0),
|
||||
child: SizedBox(
|
||||
height: 55,
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: Color(0xFFD9D9D9).withOpacity(0.08),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10.0),
|
||||
),// background// foreground
|
||||
),
|
||||
onPressed: () {
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
Image.asset('assets/images/fav_logo.png', height: 25,),
|
||||
SizedBox(width: 12,),
|
||||
Text("Préférences musicales",
|
||||
style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w400),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
Spacer(),
|
||||
Icon(Icons.arrow_forward_ios, color: Colors.white.withOpacity(0.3),),
|
||||
],
|
||||
)
|
||||
),),
|
||||
),
|
||||
Container(
|
||||
height: 55,
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(10.0),
|
||||
color: Colors.transparent,
|
||||
),
|
||||
margin: EdgeInsets.fromLTRB(30, 10, 30, 0),
|
||||
child: SizedBox(
|
||||
height: 55,
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: Color(0xFFD9D9D9).withOpacity(0.08),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10.0),
|
||||
),// background// foreground
|
||||
),
|
||||
onPressed: () {
|
||||
Navigator.push(context,MaterialPageRoute(builder: (context)=> Destination()));
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.remove_red_eye, color: Colors.white,size: 30,),
|
||||
SizedBox(width: 12,),
|
||||
Text("Aperçu de mon profil",
|
||||
style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w400),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
Spacer(),
|
||||
Icon(Icons.arrow_forward_ios, color: Colors.white.withOpacity(0.3),),
|
||||
],
|
||||
)
|
||||
),),
|
||||
),
|
||||
Container(
|
||||
height: height*0.27,
|
||||
width: double.infinity,
|
||||
margin: EdgeInsets.fromLTRB(30, 15, 30, 0),
|
||||
child: Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Icon(Icons.wifi_tethering, color: Colors.white, size: 35,),
|
||||
SizedBox(width: 10,),
|
||||
Text("En cours d'écoute...",
|
||||
style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w400),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
],
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(0, 10, 0, 0),
|
||||
height: height*0.14,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(15.0),
|
||||
color: Color(0xFFD9D9D9).withOpacity(0.08),
|
||||
),
|
||||
child:
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(15, 0, 0, 0),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(15),
|
||||
child: Image(
|
||||
height: 90,
|
||||
width: 90,
|
||||
image: NetworkImage(
|
||||
'https://images.genius.com/ef4849be3da5fdb22ea9e656679be3a3.600x600x1.jpg'),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(12, 20, 0, 0),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('BAMBINA', style: TextStyle(fontSize:18, fontWeight: FontWeight.w500, color: Colors.white),),
|
||||
Text('PNL', style: TextStyle(fontSize:16, fontWeight: FontWeight.w400, color: Colors.grey),),
|
||||
],
|
||||
),
|
||||
)
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Container(
|
||||
height: 55,
|
||||
width: double.infinity,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(10.0),
|
||||
color: Colors.transparent,
|
||||
),
|
||||
margin: EdgeInsets.fromLTRB(30, 0, 30, height*0.04),
|
||||
child: SizedBox(
|
||||
height: 55,
|
||||
width: double.infinity,
|
||||
child: ElevatedButton(
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: Color(0xFFD9D9D9).withOpacity(0.08),
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(10.0),
|
||||
),// background// foreground
|
||||
),
|
||||
onPressed: () {
|
||||
Navigator.push(context,MaterialPageRoute(builder: (context)=> ParametrePage()));
|
||||
},
|
||||
child: Row(
|
||||
children: [
|
||||
Icon(Icons.settings, color: Colors.white,size: 30,),
|
||||
SizedBox(width: 12,),
|
||||
Text("Paramètres",
|
||||
style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w400),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
Spacer(),
|
||||
Icon(Icons.arrow_forward_ios, color: Colors.white.withOpacity(0.3),),
|
||||
],
|
||||
)
|
||||
),),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,133 @@
|
||||
import 'package:daflmusic/mainPage/main_mainpage.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class ParametrePage extends StatefulWidget {
|
||||
const ParametrePage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<ParametrePage> createState() => _ParametrePageState();
|
||||
}
|
||||
|
||||
class _ParametrePageState extends State<ParametrePage> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
double height = MediaQuery.of(context).size.height;
|
||||
double width = MediaQuery.of(context).size.width;
|
||||
return Scaffold(
|
||||
backgroundColor: Color(0xFF141414),
|
||||
resizeToAvoidBottomInset: false,
|
||||
appBar: AppBar(
|
||||
leading: new IconButton(
|
||||
icon: new Icon(Icons.keyboard_arrow_left, color: Colors.grey.withOpacity(0.7), size: 50,),
|
||||
onPressed: () => {Navigator.of(context).pop()},
|
||||
),
|
||||
backgroundColor: Colors.transparent,
|
||||
elevation: 0,
|
||||
),
|
||||
body: Container(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(30, height*0.07, 30, 0),
|
||||
width: double.infinity,
|
||||
height: 30,
|
||||
alignment: Alignment.centerLeft,
|
||||
decoration: BoxDecoration(
|
||||
color: Color(0xFFD9D9D9).withOpacity(0.16),
|
||||
borderRadius: BorderRadius.circular(7.0),
|
||||
),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
child: Text('Pseudo',
|
||||
style: TextStyle(
|
||||
color: Color(0xFFAEAEAE)
|
||||
),),
|
||||
)
|
||||
),
|
||||
Padding(padding: EdgeInsets.fromLTRB(30, 0, 30, 0),
|
||||
child: SizedBox(
|
||||
width: width,
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 230,
|
||||
child: TextField(
|
||||
style: TextStyle(color: Colors.white),
|
||||
decoration: InputDecoration(
|
||||
hintStyle: Theme.of(context).textTheme.caption?.copyWith(
|
||||
color: Colors.white,
|
||||
),
|
||||
border: InputBorder.none,
|
||||
hintText: 'Pseudonyme',
|
||||
),
|
||||
cursorColor: Colors.purple,
|
||||
textAlign: TextAlign.left,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Padding(padding: EdgeInsets.fromLTRB(0, 0, 20, 0),
|
||||
child: Text('modifier',
|
||||
style: TextStyle( color: Colors.blue, fontSize: 17),),),
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(30, 0, 30, 0),
|
||||
width: double.infinity,
|
||||
height: 30,
|
||||
alignment: Alignment.centerLeft,
|
||||
decoration: BoxDecoration(
|
||||
color: Color(0xFFD9D9D9).withOpacity(0.16),
|
||||
borderRadius: BorderRadius.circular(7.0),
|
||||
),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
child: Text('Mot de passe',
|
||||
style: TextStyle(
|
||||
color: Color(0xFFAEAEAE)
|
||||
),),
|
||||
)
|
||||
),
|
||||
Padding(padding: EdgeInsets.fromLTRB(30, 0, 30, 0),
|
||||
child: SizedBox(
|
||||
width: width,
|
||||
child: Row(
|
||||
children: [
|
||||
SizedBox(
|
||||
width: 230,
|
||||
child: TextField(
|
||||
obscureText: true,
|
||||
style: TextStyle(color: Colors.white),
|
||||
decoration: InputDecoration(
|
||||
hintStyle: Theme.of(context).textTheme.caption?.copyWith(
|
||||
color: Colors.white,
|
||||
),
|
||||
border: InputBorder.none,
|
||||
hintText: 'Mot de passe',
|
||||
),
|
||||
cursorColor: Colors.purple,
|
||||
textAlign: TextAlign.left,
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Padding(padding: EdgeInsets.fromLTRB(0, 0, 20, 0),
|
||||
child: Text('modifier',
|
||||
style: TextStyle( color: Colors.blue, fontSize: 17),),),
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue