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