commit
881d281136
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 816 B |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 223 B |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 230 B |
@ -0,0 +1,34 @@
|
||||
import 'package:flutter/Material.dart';
|
||||
|
||||
import '../values/constants.dart';
|
||||
|
||||
class BackButtonComponent extends StatefulWidget {
|
||||
const BackButtonComponent({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<BackButtonComponent> createState() => _BackButtonComponentState();
|
||||
}
|
||||
|
||||
class _BackButtonComponentState extends State<BackButtonComponent> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
child: ClipOval(
|
||||
child: Container(
|
||||
height: 40,
|
||||
width: 40,
|
||||
color: Colors.white,
|
||||
child: Center(
|
||||
child: Icon(
|
||||
Icons.arrow_back_outlined,
|
||||
color: bgColor,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,113 @@
|
||||
import 'package:auto_size_text/auto_size_text.dart';
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:justmusic/values/constants.dart';
|
||||
|
||||
class EditablePostComponent extends StatefulWidget {
|
||||
const EditablePostComponent({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<EditablePostComponent> createState() => _EditablePostComponentState();
|
||||
}
|
||||
|
||||
class _EditablePostComponentState extends State<EditablePostComponent> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.circular(25),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(maxWidth: 400),
|
||||
width: double.infinity,
|
||||
color: warningBttnColor,
|
||||
child: Column(
|
||||
children: [
|
||||
AspectRatio(
|
||||
aspectRatio: 1 / 1,
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
// add border
|
||||
border: Border.all(width: 3.0, color: grayColor),
|
||||
// set border radius
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
// implement image
|
||||
child: const Image(
|
||||
image: AssetImage("assets/images/exemple_cover.png"),
|
||||
fit: BoxFit.cover,
|
||||
width: double.infinity,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.fromLTRB(15, 25, 15, 25),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
AutoSizeText(
|
||||
"France, Lyon",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontSize: 13.sp),
|
||||
maxFontSize: 20,
|
||||
),
|
||||
Image(
|
||||
image: AssetImage("assets/images/camera_icon.png"),
|
||||
width: 30,
|
||||
),
|
||||
AutoSizeText(
|
||||
"10 Juil. 2023",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontSize: 13.sp),
|
||||
maxFontSize: 20,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: EdgeInsets.fromLTRB(15, 0, 10, 25),
|
||||
child: SizedBox(
|
||||
width: double.infinity,
|
||||
child: TextFormField(
|
||||
keyboardAppearance: Brightness.dark,
|
||||
minLines: 1,
|
||||
cursorColor: primaryColor,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white,
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w300),
|
||||
maxLines: 4,
|
||||
maxLength: 120,
|
||||
decoration: InputDecoration(
|
||||
counterStyle: GoogleFonts.plusJakartaSans(
|
||||
color: grayText, fontSize: 9),
|
||||
focusedBorder: const OutlineInputBorder(
|
||||
borderSide:
|
||||
BorderSide(width: 0, color: Colors.transparent),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(10))),
|
||||
contentPadding:
|
||||
const EdgeInsets.only(top: 0, bottom: 0, left: 0),
|
||||
fillColor: Colors.transparent,
|
||||
filled: true,
|
||||
focusColor: Colors.transparent,
|
||||
enabledBorder: const OutlineInputBorder(
|
||||
borderSide:
|
||||
BorderSide(width: 0, color: Colors.transparent),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(10))),
|
||||
hintText: 'Description...',
|
||||
hintStyle: GoogleFonts.plusJakartaSans(
|
||||
color: grayText,
|
||||
fontSize: 13,
|
||||
fontWeight: FontWeight.w300),
|
||||
),
|
||||
),
|
||||
)),
|
||||
],
|
||||
),
|
||||
));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,100 @@
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:justmusic/components/play_button_component.dart';
|
||||
import 'package:text_scroll/text_scroll.dart';
|
||||
import '../model/Music.dart';
|
||||
|
||||
class MusicListComponent extends StatelessWidget {
|
||||
final Music music;
|
||||
const MusicListComponent({
|
||||
Key? key,
|
||||
required this.music,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.only(bottom: 14),
|
||||
child: Row(
|
||||
children: [
|
||||
LayoutBuilder(
|
||||
builder: (BuildContext context, BoxConstraints constraints) {
|
||||
if (music.cover != null) {
|
||||
return ClipRRect(
|
||||
borderRadius: BorderRadius.all(Radius.circular(5)),
|
||||
child: music.cover != null
|
||||
? FadeInImage.assetNetwork(
|
||||
height: 60,
|
||||
width: 60,
|
||||
fit: BoxFit.cover,
|
||||
placeholder: "assets/images/loadingPlaceholder.gif",
|
||||
image: music.cover!)
|
||||
: Container(
|
||||
height: 60,
|
||||
width: 60,
|
||||
color: Colors.grey,
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return Image(
|
||||
image: AssetImage("assets/images/exemple_cover.png"),
|
||||
height: 60,
|
||||
width: 60,
|
||||
);
|
||||
}
|
||||
}),
|
||||
const SizedBox(
|
||||
width: 10,
|
||||
),
|
||||
Expanded(
|
||||
flex: 10,
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
Flexible(
|
||||
flex: 8,
|
||||
child: ScrollConfiguration(
|
||||
behavior:
|
||||
ScrollBehavior().copyWith(scrollbars: false),
|
||||
child: TextScroll(
|
||||
music.title ?? "Unknown",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontSize: 16,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w700),
|
||||
mode: TextScrollMode.endless,
|
||||
pauseBetween: Duration(milliseconds: 2500),
|
||||
velocity: Velocity(pixelsPerSecond: Offset(30, 0)),
|
||||
intervalSpaces: 10,
|
||||
),
|
||||
)),
|
||||
Icon(
|
||||
Icons.explicit,
|
||||
color: Colors.grey.withOpacity(0.7),
|
||||
size: 17,
|
||||
),
|
||||
],
|
||||
),
|
||||
ScrollConfiguration(
|
||||
behavior: ScrollBehavior().copyWith(scrollbars: false),
|
||||
child: Text(
|
||||
music.artists.first.name ?? "Unknown",
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.grey, fontWeight: FontWeight.w400),
|
||||
))
|
||||
],
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
PlayButtonComponent(
|
||||
urlPreview: music.previewUrl,
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,72 @@
|
||||
import 'package:audioplayers/audioplayers.dart';
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:flutter_animated_play_button/flutter_animated_play_button.dart';
|
||||
import 'package:ionicons/ionicons.dart';
|
||||
|
||||
class PlayButtonComponent extends StatefulWidget {
|
||||
final String? urlPreview;
|
||||
const PlayButtonComponent({Key? key, required this.urlPreview})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
State<PlayButtonComponent> createState() => _PlayButtonComponentState();
|
||||
}
|
||||
|
||||
class _PlayButtonComponentState extends State<PlayButtonComponent> {
|
||||
bool isPlaying = true;
|
||||
final player = AudioPlayer();
|
||||
void switchStatePlaying() {
|
||||
setState(() {
|
||||
isPlaying = !isPlaying;
|
||||
});
|
||||
stopSong();
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
player.onPlayerComplete.listen((event) {
|
||||
switchStatePlaying();
|
||||
});
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
if (!isPlaying) {
|
||||
playSong();
|
||||
} else {}
|
||||
return isPlaying
|
||||
? GestureDetector(
|
||||
onTap: switchStatePlaying,
|
||||
child: Container(
|
||||
width: 30,
|
||||
height: 30,
|
||||
child: Icon(
|
||||
Ionicons.play_circle_outline,
|
||||
color: Colors.grey.withOpacity(0.3),
|
||||
size: 30,
|
||||
)),
|
||||
)
|
||||
: GestureDetector(
|
||||
onTap: switchStatePlaying,
|
||||
child: Container(
|
||||
width: 30,
|
||||
height: 30,
|
||||
child: AnimatedPlayButton(
|
||||
stopped: false,
|
||||
color: Colors.grey.withOpacity(0.3),
|
||||
onPressed: () {},
|
||||
),
|
||||
));
|
||||
}
|
||||
|
||||
Future<void> playSong() async {
|
||||
if (widget.urlPreview != null) {
|
||||
await player.play(UrlSource(widget.urlPreview ?? ""));
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> stopSong() async {
|
||||
await player.stop();
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
|
||||
class PostButtonComponent extends StatelessWidget {
|
||||
const PostButtonComponent({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
constraints: BoxConstraints(maxWidth: 400),
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(colors: [
|
||||
Color(0xFF141414),
|
||||
Color(0xFF272727),
|
||||
Color(0xFF141414)
|
||||
]),
|
||||
borderRadius: BorderRadius.circular(10000)),
|
||||
padding: EdgeInsets.symmetric(vertical: 25),
|
||||
width: double.infinity,
|
||||
child: Align(
|
||||
child: Text(
|
||||
"Publier la capsule",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Color(0xFF474747),
|
||||
fontWeight: FontWeight.w800,
|
||||
fontStyle: FontStyle.italic,
|
||||
fontSize: 24),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,48 @@
|
||||
import 'package:auto_size_text/auto_size_text.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:justmusic/components/statistics_component.dart';
|
||||
|
||||
import '../model/User.dart';
|
||||
|
||||
class ProfileComponent extends StatelessWidget {
|
||||
final User user;
|
||||
const ProfileComponent({Key? key, required this.user}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
children: [
|
||||
ClipOval(
|
||||
child: ConstrainedBox(
|
||||
constraints: BoxConstraints(maxWidth: 200, maxHeight: 200),
|
||||
child: Image(
|
||||
image: AssetImage("assets/images/exemple_profile.png"),
|
||||
height: 100.w,
|
||||
width: 100.w,
|
||||
),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 10,
|
||||
),
|
||||
AutoSizeText(
|
||||
"@${user.pseudo}",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
fontSize: 15.sp,
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.w400),
|
||||
maxFontSize: 30,
|
||||
),
|
||||
SizedBox(
|
||||
height: 20,
|
||||
),
|
||||
StatisticsComponent(
|
||||
user: user,
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
|
||||
import '../values/constants.dart';
|
||||
|
||||
class SearchBarComponent extends StatefulWidget {
|
||||
final String? text;
|
||||
final VoidCallback? callback;
|
||||
const SearchBarComponent({Key? key, this.text, this.callback})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
State<SearchBarComponent> createState() => _SearchBarComponentState();
|
||||
}
|
||||
|
||||
class _SearchBarComponentState extends State<SearchBarComponent> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return GestureDetector(
|
||||
onTap: widget.callback,
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.all(Radius.circular(20)),
|
||||
child: Container(
|
||||
constraints: BoxConstraints(maxWidth: 600),
|
||||
color: searchBarColor,
|
||||
width: double.infinity,
|
||||
padding: EdgeInsets.fromLTRB(defaultPadding, 16, defaultPadding, 16),
|
||||
child: Text(
|
||||
widget.text ?? "Chercher une musique...",
|
||||
style: GoogleFonts.plusJakartaSans(color: Colors.white),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,69 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:justmusic/values/icons.dart';
|
||||
|
||||
import '../values/constants.dart';
|
||||
|
||||
class SettingPartComponent extends StatelessWidget {
|
||||
final JustMusicIcon icon;
|
||||
final String label;
|
||||
final bool important;
|
||||
const SettingPartComponent(
|
||||
{Key? key,
|
||||
required this.icon,
|
||||
required this.label,
|
||||
this.important = false})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Material(
|
||||
color: important ? warningBttnColor : settingColor,
|
||||
borderOnForeground: false,
|
||||
child: InkWell(
|
||||
onTap: () {
|
||||
print('InkWell was tapped!');
|
||||
},
|
||||
splashColor: Colors.transparent,
|
||||
highlightColor: Colors.white.withOpacity(0.08),
|
||||
child: Container(
|
||||
width: double.infinity,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.fromLTRB(
|
||||
defaultPadding, 19, defaultPadding, 19),
|
||||
child: Row(
|
||||
children: [
|
||||
Image(
|
||||
image: AssetImage(icon.imagePath),
|
||||
width: 13,
|
||||
),
|
||||
const SizedBox(
|
||||
width: 15,
|
||||
),
|
||||
Expanded(
|
||||
flex: 10,
|
||||
child: Text(
|
||||
label,
|
||||
overflow: TextOverflow.ellipsis,
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white, fontWeight: FontWeight.w700),
|
||||
),
|
||||
),
|
||||
Spacer(),
|
||||
Transform(
|
||||
alignment: Alignment.center,
|
||||
transform: Matrix4.rotationY(3.14159265),
|
||||
child: Image(
|
||||
image: AssetImage("assets/images/return_icon.png"),
|
||||
height: 11,
|
||||
opacity: const AlwaysStoppedAnimation(.5),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,82 @@
|
||||
import 'package:auto_size_text/auto_size_text.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
|
||||
import '../model/User.dart';
|
||||
import '../values/constants.dart';
|
||||
|
||||
class StatisticsComponent extends StatelessWidget {
|
||||
final User user;
|
||||
const StatisticsComponent({Key? key, required this.user}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Row(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
Expanded(
|
||||
child: Column(
|
||||
children: [
|
||||
AutoSizeText(
|
||||
user.followed.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 15.w),
|
||||
maxFontSize: 30,
|
||||
),
|
||||
AutoSizeText(
|
||||
"Suivis",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: grayText, fontSize: 12.w),
|
||||
maxFontSize: 30,
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
AutoSizeText(
|
||||
user.followers.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 15.w),
|
||||
maxFontSize: 30,
|
||||
),
|
||||
AutoSizeText(
|
||||
"Followers",
|
||||
style:
|
||||
GoogleFonts.plusJakartaSans(color: grayText, fontSize: 12.w),
|
||||
maxFontSize: 30,
|
||||
)
|
||||
],
|
||||
),
|
||||
Expanded(
|
||||
child: Column(
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
children: [
|
||||
AutoSizeText(
|
||||
user.capsules.toString(),
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white,
|
||||
fontWeight: FontWeight.bold,
|
||||
fontSize: 15.w),
|
||||
maxFontSize: 30,
|
||||
),
|
||||
AutoSizeText(
|
||||
"Capsules",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: grayText, fontSize: 12.w),
|
||||
maxFontSize: 30,
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:justmusic/screens/profile_screen.dart';
|
||||
|
||||
Route createRoute() {
|
||||
return PageRouteBuilder(
|
||||
pageBuilder: (context, animation, secondaryAnimation) =>
|
||||
const ProfileScreen(),
|
||||
transitionsBuilder: (context, animation, secondaryAnimation, child) {
|
||||
const begin = Offset(1.0, 0.0);
|
||||
const end = Offset.zero;
|
||||
const curve = Curves.ease;
|
||||
|
||||
var tween = Tween(begin: begin, end: end).chain(CurveTween(curve: curve));
|
||||
|
||||
return SlideTransition(
|
||||
position: animation.drive(tween),
|
||||
child: child,
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
@ -0,0 +1,126 @@
|
||||
import 'dart:ui';
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:justmusic/components/back_button.dart';
|
||||
import 'package:justmusic/screens/search_song_screen.dart';
|
||||
import '../components/editable_post_component.dart';
|
||||
import '../components/post_button_component.dart';
|
||||
import '../values/constants.dart';
|
||||
|
||||
class PostScreen extends StatefulWidget {
|
||||
const PostScreen({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<PostScreen> createState() => _PostScreenState();
|
||||
}
|
||||
|
||||
class _PostScreenState extends State<PostScreen>
|
||||
with SingleTickerProviderStateMixin {
|
||||
final scrollController = ScrollController();
|
||||
late AnimationController _controller;
|
||||
late Animation<double> _animation;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_controller = AnimationController(
|
||||
vsync: this,
|
||||
duration: const Duration(milliseconds: 400),
|
||||
);
|
||||
|
||||
_animation = Tween<double>(begin: 0.0, end: 400.0).animate(
|
||||
CurvedAnimation(
|
||||
parent: _controller,
|
||||
curve: Curves.easeOut,
|
||||
),
|
||||
);
|
||||
super.initState();
|
||||
}
|
||||
|
||||
void openDetailPost() {
|
||||
showModalBottomSheet(
|
||||
transitionAnimationController: _controller,
|
||||
barrierColor: Colors.black.withOpacity(0.7),
|
||||
backgroundColor: Colors.transparent,
|
||||
elevation: 1,
|
||||
constraints: const BoxConstraints(
|
||||
maxWidth: 600,
|
||||
),
|
||||
isScrollControlled: true,
|
||||
context: context,
|
||||
shape: const RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.only(
|
||||
topLeft: Radius.circular(20), topRight: Radius.circular(20))),
|
||||
builder: ((context) {
|
||||
return const ClipRRect(
|
||||
borderRadius: BorderRadius.only(
|
||||
topLeft: Radius.circular(20), topRight: Radius.circular(20)),
|
||||
child: SearchSongScreen());
|
||||
}),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
resizeToAvoidBottomInset: true,
|
||||
backgroundColor: bgColor,
|
||||
extendBodyBehindAppBar: true,
|
||||
appBar: PreferredSize(
|
||||
preferredSize: Size(double.infinity, 80),
|
||||
child: SafeArea(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
left: defaultPadding,
|
||||
right: defaultPadding,
|
||||
top: defaultPadding),
|
||||
child: Row(
|
||||
children: [BackButtonComponent()],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
body: Container(
|
||||
padding:
|
||||
const EdgeInsets.only(left: defaultPadding, right: defaultPadding),
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
decoration: const BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage("assets/images/background_justMusic.png"),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
child: Stack(
|
||||
alignment: Alignment.topCenter,
|
||||
children: [
|
||||
ScrollConfiguration(
|
||||
behavior: ScrollBehavior().copyWith(scrollbars: false),
|
||||
child: SingleChildScrollView(
|
||||
controller: scrollController,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
SizedBox(
|
||||
height: 100.h,
|
||||
),
|
||||
GestureDetector(
|
||||
onTap: openDetailPost,
|
||||
child: EditablePostComponent(),
|
||||
),
|
||||
SizedBox(
|
||||
height: 40.h,
|
||||
),
|
||||
PostButtonComponent(),
|
||||
SizedBox(
|
||||
height: 40.h,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,146 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:justmusic/values/icons.dart';
|
||||
import '../components/profile_component.dart';
|
||||
import '../components/setting_part_component.dart';
|
||||
import '../main.dart';
|
||||
import '../values/constants.dart';
|
||||
|
||||
class ProfileScreen extends StatefulWidget {
|
||||
const ProfileScreen({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<ProfileScreen> createState() => _ProfileScreenState();
|
||||
}
|
||||
|
||||
class _ProfileScreenState extends State<ProfileScreen> {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: PreferredSize(
|
||||
preferredSize: Size(double.infinity, 58),
|
||||
child: Container(
|
||||
height: double.infinity,
|
||||
color: bgAppBar,
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: defaultPadding),
|
||||
child: Stack(
|
||||
alignment: Alignment.centerLeft,
|
||||
children: [
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
Navigator.pop(context);
|
||||
},
|
||||
child: Container(
|
||||
height: 15,
|
||||
width: 15,
|
||||
child: Image(
|
||||
image: AssetImage("assets/images/return_icon.png"),
|
||||
height: 8,
|
||||
),
|
||||
)),
|
||||
Align(
|
||||
child: Text(
|
||||
"Profile",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: Colors.white,
|
||||
fontSize: 14,
|
||||
fontWeight: FontWeight.bold),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
body: Container(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
color: bgColor,
|
||||
child: SingleChildScrollView(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: settingPadding),
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: EdgeInsets.only(top: 68.h, bottom: 40),
|
||||
child:
|
||||
ProfileComponent(user: MyApp.userViewModel.userCurrent),
|
||||
),
|
||||
Padding(
|
||||
padding:
|
||||
const EdgeInsets.only(bottom: 12, left: defaultPadding),
|
||||
child: Text(
|
||||
"Compte",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: grayText,
|
||||
fontWeight: FontWeight.w800,
|
||||
fontSize: 16),
|
||||
),
|
||||
),
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
child: Column(
|
||||
children: const [
|
||||
SettingPartComponent(
|
||||
icon: JustMusicIcon.profile,
|
||||
label: 'Compte',
|
||||
),
|
||||
SettingPartComponent(
|
||||
icon: JustMusicIcon.history,
|
||||
label: 'Historiques des capsules',
|
||||
),
|
||||
SettingPartComponent(
|
||||
icon: JustMusicIcon.spotify,
|
||||
label: 'Lier un compte Spotify',
|
||||
),
|
||||
SettingPartComponent(
|
||||
icon: JustMusicIcon.trash,
|
||||
label: 'Supprimer mon compte',
|
||||
),
|
||||
SettingPartComponent(
|
||||
icon: JustMusicIcon.cross,
|
||||
label: 'Déconnexion',
|
||||
important: true,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
bottom: 12, left: defaultPadding, top: 40),
|
||||
child: Text(
|
||||
"Préférences",
|
||||
style: GoogleFonts.plusJakartaSans(
|
||||
color: grayText,
|
||||
fontWeight: FontWeight.w800,
|
||||
fontSize: 16),
|
||||
),
|
||||
),
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(8),
|
||||
child: Column(
|
||||
children: const [
|
||||
SettingPartComponent(
|
||||
icon: JustMusicIcon.theme,
|
||||
label: 'Thême de l\'application',
|
||||
),
|
||||
SettingPartComponent(
|
||||
icon: JustMusicIcon.notification,
|
||||
label: 'Notifications',
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,169 @@
|
||||
import 'dart:async';
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:flutter/Material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:justmusic/model/Music.dart';
|
||||
|
||||
import '../components/music_list_component.dart';
|
||||
import '../values/constants.dart';
|
||||
import '../main.dart';
|
||||
|
||||
class SearchSongScreen extends StatefulWidget {
|
||||
const SearchSongScreen({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<SearchSongScreen> createState() => _SearchSongScreenState();
|
||||
}
|
||||
|
||||
class _SearchSongScreenState extends State<SearchSongScreen> {
|
||||
final ScrollController _scrollController = ScrollController();
|
||||
final TextEditingController _textEditingController = TextEditingController();
|
||||
|
||||
Future<void> resetFullScreen() async {
|
||||
await SystemChannels.platform.invokeMethod<void>(
|
||||
'SystemChrome.restoreSystemUIOverlays',
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_scrollController.addListener(_scrollListener);
|
||||
}
|
||||
|
||||
Future<void> _scrollListener() async {
|
||||
if (_scrollController.position.pixels ==
|
||||
_scrollController.position.maxScrollExtent) {
|
||||
filteredData.addAll(await MyApp.musicViewModel.getMusicsWithName(
|
||||
_textEditingController.text,
|
||||
limit: 10,
|
||||
offset: filteredData.length));
|
||||
setState(() {
|
||||
filteredData = filteredData;
|
||||
});
|
||||
}
|
||||
if (_scrollController.offset >=
|
||||
_scrollController.position.maxScrollExtent &&
|
||||
!_scrollController.position.outOfRange) {
|
||||
setState(() {
|
||||
//you can do anything here
|
||||
});
|
||||
}
|
||||
if (_scrollController.offset <=
|
||||
_scrollController.position.minScrollExtent &&
|
||||
!_scrollController.position.outOfRange) {
|
||||
setState(() {
|
||||
Timer(Duration(milliseconds: 1), () => _scrollController.jumpTo(0));
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
List<Music> filteredData = [];
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
double screenHeight = MediaQuery.of(context).size.height;
|
||||
return GestureDetector(
|
||||
onTap: () {
|
||||
FocusScopeNode currentFocus = FocusScope.of(context);
|
||||
if (!currentFocus.hasPrimaryFocus) {
|
||||
currentFocus.unfocus();
|
||||
resetFullScreen();
|
||||
}
|
||||
},
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(
|
||||
sigmaX: 60.0,
|
||||
sigmaY: 60.0,
|
||||
),
|
||||
child: Container(
|
||||
color: bgAppBar.withOpacity(0.5),
|
||||
height: screenHeight - 50,
|
||||
padding: const EdgeInsets.only(top: 10),
|
||||
child: Column(
|
||||
children: [
|
||||
Align(
|
||||
child: Container(
|
||||
width: 60,
|
||||
height: 5,
|
||||
decoration: BoxDecoration(
|
||||
color: Color(0xFF3A3A3A).withOpacity(0.6),
|
||||
borderRadius: BorderRadius.circular(20))),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 10,
|
||||
),
|
||||
Padding(
|
||||
padding:
|
||||
const EdgeInsets.only(bottom: 10, left: 20, right: 20),
|
||||
child: SizedBox(
|
||||
height: 40,
|
||||
child: TextField(
|
||||
controller: _textEditingController,
|
||||
keyboardAppearance: Brightness.dark,
|
||||
onEditingComplete: resetFullScreen,
|
||||
onChanged: (value) async {
|
||||
if (_textEditingController.text.isEmpty) {
|
||||
} else if (value == " ") {
|
||||
print("popular");
|
||||
} else {
|
||||
filteredData = await MyApp.musicViewModel
|
||||
.getMusicsWithName(value);
|
||||
setState(() {
|
||||
filteredData = filteredData;
|
||||
});
|
||||
}
|
||||
},
|
||||
cursorColor: Colors.white,
|
||||
keyboardType: TextInputType.text,
|
||||
style: GoogleFonts.plusJakartaSans(color: grayText),
|
||||
decoration: InputDecoration(
|
||||
prefixIcon: const Icon(
|
||||
Icons.search,
|
||||
color: grayColor,
|
||||
),
|
||||
focusedBorder: const OutlineInputBorder(
|
||||
borderSide:
|
||||
BorderSide(width: 1, color: grayColor),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(10))),
|
||||
contentPadding: const EdgeInsets.only(
|
||||
top: 0,
|
||||
bottom: 0,
|
||||
left: defaultPadding,
|
||||
right: defaultPadding),
|
||||
fillColor: searchBarColor,
|
||||
filled: true,
|
||||
focusColor: grayText,
|
||||
enabledBorder: const OutlineInputBorder(
|
||||
borderSide:
|
||||
BorderSide(width: 1, color: grayColor),
|
||||
borderRadius:
|
||||
BorderRadius.all(Radius.circular(10))),
|
||||
hintText: 'Chercher un son',
|
||||
hintStyle:
|
||||
GoogleFonts.plusJakartaSans(color: grayColor)),
|
||||
),
|
||||
),
|
||||
),
|
||||
Flexible(
|
||||
child: ScrollConfiguration(
|
||||
behavior: ScrollBehavior().copyWith(scrollbars: true),
|
||||
child: ListView.builder(
|
||||
controller: _scrollController,
|
||||
itemCount: filteredData.length,
|
||||
itemBuilder: (context, index) {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 20),
|
||||
child: MusicListComponent(music: filteredData[index]),
|
||||
);
|
||||
}),
|
||||
))
|
||||
],
|
||||
),
|
||||
),
|
||||
));
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
enum JustMusicIcon {
|
||||
profile,
|
||||
spotify,
|
||||
trash,
|
||||
cross,
|
||||
history,
|
||||
theme,
|
||||
notification
|
||||
}
|
||||
|
||||
extension MyIconExtension on JustMusicIcon {
|
||||
String get imagePath {
|
||||
switch (this) {
|
||||
case JustMusicIcon.profile:
|
||||
return 'assets/images/profile_icon.png';
|
||||
case JustMusicIcon.spotify:
|
||||
return 'assets/images/spotify_icon.png';
|
||||
case JustMusicIcon.trash:
|
||||
return 'assets/images/trash_icon.png';
|
||||
case JustMusicIcon.cross:
|
||||
return 'assets/images/cross_icon.png';
|
||||
case JustMusicIcon.history:
|
||||
return 'assets/images/history_icon.png';
|
||||
case JustMusicIcon.theme:
|
||||
return 'assets/images/theme_icon.png';
|
||||
case JustMusicIcon.notification:
|
||||
return 'assets/images/notification_icon.png';
|
||||
|
||||
default:
|
||||
throw 'assets/images/unknown.png';
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Reference in new issue