parent
ffc8e24ea3
commit
9f9b52d385
@ -1,113 +1,113 @@
|
|||||||
import 'package:auto_size_text/auto_size_text.dart';
|
import 'package:auto_size_text/auto_size_text.dart';
|
||||||
import 'package:flutter/Material.dart';
|
import 'package:flutter/Material.dart';
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
import 'package:google_fonts/google_fonts.dart';
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
import 'package:justmusic/values/constants.dart';
|
import 'package:justmusic/values/constants.dart';
|
||||||
|
|
||||||
class EditablePostComponent extends StatefulWidget {
|
class EditablePostComponent extends StatefulWidget {
|
||||||
const EditablePostComponent({Key? key}) : super(key: key);
|
const EditablePostComponent({Key? key}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<EditablePostComponent> createState() => _EditablePostComponentState();
|
State<EditablePostComponent> createState() => _EditablePostComponentState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _EditablePostComponentState extends State<EditablePostComponent> {
|
class _EditablePostComponentState extends State<EditablePostComponent> {
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return ClipRRect(
|
return ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(25),
|
borderRadius: BorderRadius.circular(25),
|
||||||
child: Container(
|
child: Container(
|
||||||
constraints: BoxConstraints(maxWidth: 400),
|
constraints: BoxConstraints(maxWidth: 400),
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
color: warningBttnColor,
|
color: warningBttnColor,
|
||||||
child: Column(
|
child: Column(
|
||||||
children: [
|
children: [
|
||||||
AspectRatio(
|
AspectRatio(
|
||||||
aspectRatio: 1 / 1,
|
aspectRatio: 1 / 1,
|
||||||
child: Container(
|
child: Container(
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
// add border
|
// add border
|
||||||
border: Border.all(width: 3.0, color: grayColor),
|
border: Border.all(width: 3.0, color: grayColor),
|
||||||
// set border radius
|
// set border radius
|
||||||
borderRadius: BorderRadius.circular(20),
|
borderRadius: BorderRadius.circular(20),
|
||||||
),
|
),
|
||||||
child: ClipRRect(
|
child: ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(18),
|
borderRadius: BorderRadius.circular(18),
|
||||||
// implement image
|
// implement image
|
||||||
child: const Image(
|
child: const Image(
|
||||||
image: AssetImage("assets/images/exemple_cover.png"),
|
image: AssetImage("assets/images/exemple_cover.png"),
|
||||||
fit: BoxFit.cover,
|
fit: BoxFit.cover,
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Padding(
|
Padding(
|
||||||
padding: EdgeInsets.fromLTRB(15, 25, 15, 25),
|
padding: EdgeInsets.fromLTRB(15, 25, 15, 25),
|
||||||
child: Row(
|
child: Row(
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
children: [
|
children: [
|
||||||
AutoSizeText(
|
AutoSizeText(
|
||||||
"France, Lyon",
|
"France, Lyon",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white, fontSize: 13.sp),
|
color: Colors.white, fontSize: 13.sp),
|
||||||
maxFontSize: 20,
|
maxFontSize: 20,
|
||||||
),
|
),
|
||||||
Image(
|
Image(
|
||||||
image: AssetImage("assets/images/camera_icon.png"),
|
image: AssetImage("assets/images/camera_icon.png"),
|
||||||
width: 30,
|
width: 30,
|
||||||
),
|
),
|
||||||
AutoSizeText(
|
AutoSizeText(
|
||||||
"10 Juil. 2023",
|
"10 Juil. 2023",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white, fontSize: 13.sp),
|
color: Colors.white, fontSize: 13.sp),
|
||||||
maxFontSize: 20,
|
maxFontSize: 20,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Padding(
|
Padding(
|
||||||
padding: EdgeInsets.fromLTRB(15, 0, 10, 25),
|
padding: EdgeInsets.fromLTRB(15, 0, 10, 25),
|
||||||
child: SizedBox(
|
child: SizedBox(
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
child: TextFormField(
|
child: TextFormField(
|
||||||
keyboardAppearance: Brightness.dark,
|
keyboardAppearance: Brightness.dark,
|
||||||
minLines: 1,
|
minLines: 1,
|
||||||
cursorColor: primaryColor,
|
cursorColor: primaryColor,
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
fontSize: 13,
|
fontSize: 13,
|
||||||
fontWeight: FontWeight.w300),
|
fontWeight: FontWeight.w300),
|
||||||
maxLines: 4,
|
maxLines: 4,
|
||||||
maxLength: 120,
|
maxLength: 120,
|
||||||
decoration: InputDecoration(
|
decoration: InputDecoration(
|
||||||
counterStyle: GoogleFonts.plusJakartaSans(
|
counterStyle: GoogleFonts.plusJakartaSans(
|
||||||
color: grayText, fontSize: 9),
|
color: grayText, fontSize: 9),
|
||||||
focusedBorder: const OutlineInputBorder(
|
focusedBorder: const OutlineInputBorder(
|
||||||
borderSide:
|
borderSide:
|
||||||
BorderSide(width: 0, color: Colors.transparent),
|
BorderSide(width: 0, color: Colors.transparent),
|
||||||
borderRadius:
|
borderRadius:
|
||||||
BorderRadius.all(Radius.circular(10))),
|
BorderRadius.all(Radius.circular(10))),
|
||||||
contentPadding:
|
contentPadding:
|
||||||
const EdgeInsets.only(top: 0, bottom: 0, left: 0),
|
const EdgeInsets.only(top: 0, bottom: 0, left: 0),
|
||||||
fillColor: Colors.transparent,
|
fillColor: Colors.transparent,
|
||||||
filled: true,
|
filled: true,
|
||||||
focusColor: Colors.transparent,
|
focusColor: Colors.transparent,
|
||||||
enabledBorder: const OutlineInputBorder(
|
enabledBorder: const OutlineInputBorder(
|
||||||
borderSide:
|
borderSide:
|
||||||
BorderSide(width: 0, color: Colors.transparent),
|
BorderSide(width: 0, color: Colors.transparent),
|
||||||
borderRadius:
|
borderRadius:
|
||||||
BorderRadius.all(Radius.circular(10))),
|
BorderRadius.all(Radius.circular(10))),
|
||||||
hintText: 'Description...',
|
hintText: 'Description...',
|
||||||
hintStyle: GoogleFonts.plusJakartaSans(
|
hintStyle: GoogleFonts.plusJakartaSans(
|
||||||
color: grayText,
|
color: grayText,
|
||||||
fontSize: 13,
|
fontSize: 13,
|
||||||
fontWeight: FontWeight.w300),
|
fontWeight: FontWeight.w300),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
)),
|
)),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
));
|
));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,126 +1,126 @@
|
|||||||
import 'dart:ui';
|
import 'dart:ui';
|
||||||
import 'package:flutter/Material.dart';
|
import 'package:flutter/Material.dart';
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
import 'package:justmusic/components/back_button.dart';
|
import 'package:justmusic/components/back_button.dart';
|
||||||
import 'package:justmusic/screens/search_song_screen.dart';
|
import 'package:justmusic/screens/search_song_screen.dart';
|
||||||
import '../components/editable_post_component.dart';
|
import '../components/editable_post_component.dart';
|
||||||
import '../components/post_button_component.dart';
|
import '../components/post_button_component.dart';
|
||||||
import '../values/constants.dart';
|
import '../values/constants.dart';
|
||||||
|
|
||||||
class PostScreen extends StatefulWidget {
|
class PostScreen extends StatefulWidget {
|
||||||
const PostScreen({Key? key}) : super(key: key);
|
const PostScreen({Key? key}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<PostScreen> createState() => _PostScreenState();
|
State<PostScreen> createState() => _PostScreenState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _PostScreenState extends State<PostScreen>
|
class _PostScreenState extends State<PostScreen>
|
||||||
with SingleTickerProviderStateMixin {
|
with SingleTickerProviderStateMixin {
|
||||||
final scrollController = ScrollController();
|
final scrollController = ScrollController();
|
||||||
late AnimationController _controller;
|
late AnimationController _controller;
|
||||||
late Animation<double> _animation;
|
late Animation<double> _animation;
|
||||||
|
|
||||||
@override
|
@override
|
||||||
void initState() {
|
void initState() {
|
||||||
_controller = AnimationController(
|
_controller = AnimationController(
|
||||||
vsync: this,
|
vsync: this,
|
||||||
duration: const Duration(milliseconds: 400),
|
duration: const Duration(milliseconds: 400),
|
||||||
);
|
);
|
||||||
|
|
||||||
_animation = Tween<double>(begin: 0.0, end: 400.0).animate(
|
_animation = Tween<double>(begin: 0.0, end: 400.0).animate(
|
||||||
CurvedAnimation(
|
CurvedAnimation(
|
||||||
parent: _controller,
|
parent: _controller,
|
||||||
curve: Curves.easeOut,
|
curve: Curves.easeOut,
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
super.initState();
|
super.initState();
|
||||||
}
|
}
|
||||||
|
|
||||||
void openDetailPost() {
|
void openDetailPost() {
|
||||||
showModalBottomSheet(
|
showModalBottomSheet(
|
||||||
transitionAnimationController: _controller,
|
transitionAnimationController: _controller,
|
||||||
barrierColor: Colors.black.withOpacity(0.7),
|
barrierColor: Colors.black.withOpacity(0.7),
|
||||||
backgroundColor: Colors.transparent,
|
backgroundColor: Colors.transparent,
|
||||||
elevation: 1,
|
elevation: 1,
|
||||||
constraints: const BoxConstraints(
|
constraints: const BoxConstraints(
|
||||||
maxWidth: 600,
|
maxWidth: 600,
|
||||||
),
|
),
|
||||||
isScrollControlled: true,
|
isScrollControlled: true,
|
||||||
context: context,
|
context: context,
|
||||||
shape: const RoundedRectangleBorder(
|
shape: const RoundedRectangleBorder(
|
||||||
borderRadius: BorderRadius.only(
|
borderRadius: BorderRadius.only(
|
||||||
topLeft: Radius.circular(20), topRight: Radius.circular(20))),
|
topLeft: Radius.circular(20), topRight: Radius.circular(20))),
|
||||||
builder: ((context) {
|
builder: ((context) {
|
||||||
return const ClipRRect(
|
return const ClipRRect(
|
||||||
borderRadius: BorderRadius.only(
|
borderRadius: BorderRadius.only(
|
||||||
topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
||||||
child: SearchSongScreen());
|
child: SearchSongScreen());
|
||||||
}),
|
}),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
resizeToAvoidBottomInset: true,
|
resizeToAvoidBottomInset: true,
|
||||||
backgroundColor: bgColor,
|
backgroundColor: bgColor,
|
||||||
extendBodyBehindAppBar: true,
|
extendBodyBehindAppBar: true,
|
||||||
appBar: PreferredSize(
|
appBar: PreferredSize(
|
||||||
preferredSize: Size(double.infinity, 80),
|
preferredSize: Size(double.infinity, 80),
|
||||||
child: SafeArea(
|
child: SafeArea(
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.only(
|
padding: const EdgeInsets.only(
|
||||||
left: defaultPadding,
|
left: defaultPadding,
|
||||||
right: defaultPadding,
|
right: defaultPadding,
|
||||||
top: defaultPadding),
|
top: defaultPadding),
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [BackButtonComponent()],
|
children: [BackButtonComponent()],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
body: Container(
|
body: Container(
|
||||||
padding:
|
padding:
|
||||||
const EdgeInsets.only(left: defaultPadding, right: defaultPadding),
|
const EdgeInsets.only(left: defaultPadding, right: defaultPadding),
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
height: double.infinity,
|
height: double.infinity,
|
||||||
decoration: const BoxDecoration(
|
decoration: const BoxDecoration(
|
||||||
image: DecorationImage(
|
image: DecorationImage(
|
||||||
image: AssetImage("assets/images/background_justMusic.png"),
|
image: AssetImage("assets/images/background_justMusic.png"),
|
||||||
fit: BoxFit.cover,
|
fit: BoxFit.cover,
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
child: Stack(
|
child: Stack(
|
||||||
alignment: Alignment.topCenter,
|
alignment: Alignment.topCenter,
|
||||||
children: [
|
children: [
|
||||||
ScrollConfiguration(
|
ScrollConfiguration(
|
||||||
behavior: ScrollBehavior().copyWith(scrollbars: false),
|
behavior: ScrollBehavior().copyWith(scrollbars: false),
|
||||||
child: SingleChildScrollView(
|
child: SingleChildScrollView(
|
||||||
controller: scrollController,
|
controller: scrollController,
|
||||||
child: Column(
|
child: Column(
|
||||||
mainAxisAlignment: MainAxisAlignment.end,
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
children: [
|
children: [
|
||||||
SizedBox(
|
SizedBox(
|
||||||
height: 100.h,
|
height: 100.h,
|
||||||
),
|
),
|
||||||
GestureDetector(
|
GestureDetector(
|
||||||
onTap: openDetailPost,
|
onTap: openDetailPost,
|
||||||
child: EditablePostComponent(),
|
child: EditablePostComponent(),
|
||||||
),
|
),
|
||||||
SizedBox(
|
SizedBox(
|
||||||
height: 40.h,
|
height: 40.h,
|
||||||
),
|
),
|
||||||
PostButtonComponent(),
|
PostButtonComponent(),
|
||||||
SizedBox(
|
SizedBox(
|
||||||
height: 40.h,
|
height: 40.h,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,146 +1,146 @@
|
|||||||
import 'package:flutter/cupertino.dart';
|
import 'package:flutter/cupertino.dart';
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
import 'package:google_fonts/google_fonts.dart';
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
import 'package:justmusic/values/icons.dart';
|
import 'package:justmusic/values/icons.dart';
|
||||||
import '../components/profile_component.dart';
|
import '../components/profile_component.dart';
|
||||||
import '../components/setting_part_component.dart';
|
import '../components/setting_part_component.dart';
|
||||||
import '../main.dart';
|
import '../main.dart';
|
||||||
import '../values/constants.dart';
|
import '../values/constants.dart';
|
||||||
|
|
||||||
class ProfileScreen extends StatefulWidget {
|
class ProfileScreen extends StatefulWidget {
|
||||||
const ProfileScreen({Key? key}) : super(key: key);
|
const ProfileScreen({Key? key}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
State<ProfileScreen> createState() => _ProfileScreenState();
|
State<ProfileScreen> createState() => _ProfileScreenState();
|
||||||
}
|
}
|
||||||
|
|
||||||
class _ProfileScreenState extends State<ProfileScreen> {
|
class _ProfileScreenState extends State<ProfileScreen> {
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
appBar: PreferredSize(
|
appBar: PreferredSize(
|
||||||
preferredSize: Size(double.infinity, 58),
|
preferredSize: Size(double.infinity, 58),
|
||||||
child: Container(
|
child: Container(
|
||||||
height: double.infinity,
|
height: double.infinity,
|
||||||
color: bgAppBar,
|
color: bgAppBar,
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: defaultPadding),
|
padding: const EdgeInsets.symmetric(horizontal: defaultPadding),
|
||||||
child: Stack(
|
child: Stack(
|
||||||
alignment: Alignment.centerLeft,
|
alignment: Alignment.centerLeft,
|
||||||
children: [
|
children: [
|
||||||
GestureDetector(
|
GestureDetector(
|
||||||
onTap: () {
|
onTap: () {
|
||||||
Navigator.pop(context);
|
Navigator.pop(context);
|
||||||
},
|
},
|
||||||
child: Container(
|
child: Container(
|
||||||
height: 15,
|
height: 15,
|
||||||
width: 15,
|
width: 15,
|
||||||
child: Image(
|
child: Image(
|
||||||
image: AssetImage("assets/images/return_icon.png"),
|
image: AssetImage("assets/images/return_icon.png"),
|
||||||
height: 8,
|
height: 8,
|
||||||
),
|
),
|
||||||
)),
|
)),
|
||||||
Align(
|
Align(
|
||||||
child: Text(
|
child: Text(
|
||||||
"Profile",
|
"Profile",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: Colors.white,
|
color: Colors.white,
|
||||||
fontSize: 14,
|
fontSize: 14,
|
||||||
fontWeight: FontWeight.bold),
|
fontWeight: FontWeight.bold),
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
body: Container(
|
body: Container(
|
||||||
width: double.infinity,
|
width: double.infinity,
|
||||||
height: double.infinity,
|
height: double.infinity,
|
||||||
color: bgColor,
|
color: bgColor,
|
||||||
child: SingleChildScrollView(
|
child: SingleChildScrollView(
|
||||||
child: Padding(
|
child: Padding(
|
||||||
padding: const EdgeInsets.symmetric(horizontal: settingPadding),
|
padding: const EdgeInsets.symmetric(horizontal: settingPadding),
|
||||||
child: Column(
|
child: Column(
|
||||||
mainAxisAlignment: MainAxisAlignment.start,
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
Padding(
|
Padding(
|
||||||
padding: EdgeInsets.only(top: 68.h, bottom: 40),
|
padding: EdgeInsets.only(top: 68.h, bottom: 40),
|
||||||
child:
|
child:
|
||||||
ProfileComponent(user: MyApp.userViewModel.userCurrent),
|
ProfileComponent(user: MyApp.userViewModel.userCurrent),
|
||||||
),
|
),
|
||||||
Padding(
|
Padding(
|
||||||
padding:
|
padding:
|
||||||
const EdgeInsets.only(bottom: 12, left: defaultPadding),
|
const EdgeInsets.only(bottom: 12, left: defaultPadding),
|
||||||
child: Text(
|
child: Text(
|
||||||
"Compte",
|
"Compte",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: grayText,
|
color: grayText,
|
||||||
fontWeight: FontWeight.w800,
|
fontWeight: FontWeight.w800,
|
||||||
fontSize: 16),
|
fontSize: 16),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
ClipRRect(
|
ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(8),
|
borderRadius: BorderRadius.circular(8),
|
||||||
child: Column(
|
child: Column(
|
||||||
children: const [
|
children: const [
|
||||||
SettingPartComponent(
|
SettingPartComponent(
|
||||||
icon: JustMusicIcon.profile,
|
icon: JustMusicIcon.profile,
|
||||||
label: 'Compte',
|
label: 'Compte',
|
||||||
),
|
),
|
||||||
SettingPartComponent(
|
SettingPartComponent(
|
||||||
icon: JustMusicIcon.history,
|
icon: JustMusicIcon.history,
|
||||||
label: 'Historiques des capsules',
|
label: 'Historiques des capsules',
|
||||||
),
|
),
|
||||||
SettingPartComponent(
|
SettingPartComponent(
|
||||||
icon: JustMusicIcon.spotify,
|
icon: JustMusicIcon.spotify,
|
||||||
label: 'Lier un compte Spotify',
|
label: 'Lier un compte Spotify',
|
||||||
),
|
),
|
||||||
SettingPartComponent(
|
SettingPartComponent(
|
||||||
icon: JustMusicIcon.trash,
|
icon: JustMusicIcon.trash,
|
||||||
label: 'Supprimer mon compte',
|
label: 'Supprimer mon compte',
|
||||||
),
|
),
|
||||||
SettingPartComponent(
|
SettingPartComponent(
|
||||||
icon: JustMusicIcon.cross,
|
icon: JustMusicIcon.cross,
|
||||||
label: 'Déconnexion',
|
label: 'Déconnexion',
|
||||||
important: true,
|
important: true,
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.only(
|
padding: const EdgeInsets.only(
|
||||||
bottom: 12, left: defaultPadding, top: 40),
|
bottom: 12, left: defaultPadding, top: 40),
|
||||||
child: Text(
|
child: Text(
|
||||||
"Préférences",
|
"Préférences",
|
||||||
style: GoogleFonts.plusJakartaSans(
|
style: GoogleFonts.plusJakartaSans(
|
||||||
color: grayText,
|
color: grayText,
|
||||||
fontWeight: FontWeight.w800,
|
fontWeight: FontWeight.w800,
|
||||||
fontSize: 16),
|
fontSize: 16),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
ClipRRect(
|
ClipRRect(
|
||||||
borderRadius: BorderRadius.circular(8),
|
borderRadius: BorderRadius.circular(8),
|
||||||
child: Column(
|
child: Column(
|
||||||
children: const [
|
children: const [
|
||||||
SettingPartComponent(
|
SettingPartComponent(
|
||||||
icon: JustMusicIcon.theme,
|
icon: JustMusicIcon.theme,
|
||||||
label: 'Thême de l\'application',
|
label: 'Thême de l\'application',
|
||||||
),
|
),
|
||||||
SettingPartComponent(
|
SettingPartComponent(
|
||||||
icon: JustMusicIcon.notification,
|
icon: JustMusicIcon.notification,
|
||||||
label: 'Notifications',
|
label: 'Notifications',
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
)
|
)
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,26 +1,26 @@
|
|||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
// All needed color in the project
|
// All needed color in the project
|
||||||
|
|
||||||
const primaryColor = Color(0xFF643BF4);
|
const primaryColor = Color(0xFF643BF4);
|
||||||
const secondaryColor = Color(0xFF1C1B23);
|
const secondaryColor = Color(0xFF1C1B23);
|
||||||
const bgColor = Color(0xFF0C0C0C);
|
const bgColor = Color(0xFF0C0C0C);
|
||||||
const grayColor = Color(0xFF242424);
|
const grayColor = Color(0xFF242424);
|
||||||
const profileBttnColor = Color(0xFF232323);
|
const profileBttnColor = Color(0xFF232323);
|
||||||
const warningBttnColor = Color(0xFF141414);
|
const warningBttnColor = Color(0xFF141414);
|
||||||
const disabledBttnColor = Color(0xFF1F1B2E);
|
const disabledBttnColor = Color(0xFF1F1B2E);
|
||||||
const bgTextField = Color(0xFF1C1B23);
|
const bgTextField = Color(0xFF1C1B23);
|
||||||
const strokeTextField = Color(0xFF373546);
|
const strokeTextField = Color(0xFF373546);
|
||||||
const unactiveFeed = Color(0xFF848484);
|
const unactiveFeed = Color(0xFF848484);
|
||||||
const gradiantPost = Color(0xFF0D0D0D);
|
const gradiantPost = Color(0xFF0D0D0D);
|
||||||
const bgModal = Color(0xFF1E1E1E);
|
const bgModal = Color(0xFF1E1E1E);
|
||||||
const textFieldMessage = Color(0xFF232323);
|
const textFieldMessage = Color(0xFF232323);
|
||||||
const bgComment = Color(0xFF222222);
|
const bgComment = Color(0xFF222222);
|
||||||
const bgAppBar = Color(0xFF181818);
|
const bgAppBar = Color(0xFF181818);
|
||||||
const grayText = Color(0xFF898989);
|
const grayText = Color(0xFF898989);
|
||||||
const settingColor = Color(0xFF232323);
|
const settingColor = Color(0xFF232323);
|
||||||
const searchBarColor = Color(0xFF161616);
|
const searchBarColor = Color(0xFF161616);
|
||||||
// All constants important too us
|
// All constants important too us
|
||||||
|
|
||||||
const defaultPadding = 30.0;
|
const defaultPadding = 30.0;
|
||||||
const settingPadding = 12.0;
|
const settingPadding = 12.0;
|
||||||
|
Loading…
Reference in new issue