├── ios ├── Flutter │ ├── Debug.xcconfig │ ├── Release.xcconfig │ ├── Generated.xcconfig │ ├── flutter_export_environment.sh │ └── AppFrameworkInfo.plist ├── Runner │ ├── Runner-Bridging-Header.h │ ├── Assets.xcassets │ │ ├── LaunchImage.imageset │ │ │ ├── LaunchImage.png │ │ │ ├── LaunchImage@2x.png │ │ │ ├── LaunchImage@3x.png │ │ │ ├── README.md │ │ │ └── Contents.json │ │ └── AppIcon.appiconset │ │ │ ├── Icon-App-20x20@1x.png │ │ │ ├── Icon-App-20x20@2x.png │ │ │ ├── Icon-App-20x20@3x.png │ │ │ ├── Icon-App-29x29@1x.png │ │ │ ├── Icon-App-29x29@2x.png │ │ │ ├── Icon-App-29x29@3x.png │ │ │ ├── Icon-App-40x40@1x.png │ │ │ ├── Icon-App-40x40@2x.png │ │ │ ├── Icon-App-40x40@3x.png │ │ │ ├── Icon-App-60x60@2x.png │ │ │ ├── Icon-App-60x60@3x.png │ │ │ ├── Icon-App-76x76@1x.png │ │ │ ├── Icon-App-76x76@2x.png │ │ │ ├── Icon-App-1024x1024@1x.png │ │ │ ├── Icon-App-83.5x83.5@2x.png │ │ │ └── Contents.json │ ├── GeneratedPluginRegistrant.m │ ├── AppDelegate.swift │ ├── GeneratedPluginRegistrant.h │ ├── Base.lproj │ │ ├── Main.storyboard │ │ └── LaunchScreen.storyboard │ └── Info.plist ├── Runner.xcodeproj │ ├── project.xcworkspace │ │ ├── contents.xcworkspacedata │ │ └── xcshareddata │ │ │ ├── WorkspaceSettings.xcsettings │ │ │ └── IDEWorkspaceChecks.plist │ ├── xcshareddata │ │ └── xcschemes │ │ │ └── Runner.xcscheme │ └── project.pbxproj └── Runner.xcworkspace │ ├── contents.xcworkspacedata │ └── xcshareddata │ ├── WorkspaceSettings.xcsettings │ └── IDEWorkspaceChecks.plist ├── images ├── song.png ├── billie.jpeg ├── drake.jpg ├── eminem.jpeg └── sixnine.jpg ├── lib ├── main.dart ├── global.dart └── Pages │ ├── favorite.dart │ ├── search.dart │ ├── podcast.dart │ ├── home_page.dart │ └── index.dart ├── deezer_music_clone.iml ├── analysis_options.yaml ├── README.md ├── pubspec.yaml ├── pubspec.lock └── panel.dart /ios/Flutter/Debug.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /ios/Flutter/Release.xcconfig: -------------------------------------------------------------------------------- 1 | #include "Generated.xcconfig" 2 | -------------------------------------------------------------------------------- /ios/Runner/Runner-Bridging-Header.h: -------------------------------------------------------------------------------- 1 | #import "GeneratedPluginRegistrant.h" 2 | -------------------------------------------------------------------------------- /images/song.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/images/song.png -------------------------------------------------------------------------------- /images/billie.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/images/billie.jpeg -------------------------------------------------------------------------------- /images/drake.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/images/drake.jpg -------------------------------------------------------------------------------- /images/eminem.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/images/eminem.jpeg -------------------------------------------------------------------------------- /images/sixnine.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/images/sixnine.jpg -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-20x20@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-29x29@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-40x40@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-60x60@3x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-76x76@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-1024x1024@1x.png -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hmida71/Flutter-Deezer-Clone-Challenge-ui-Animated-/HEAD/ios/Runner/Assets.xcassets/AppIcon.appiconset/Icon-App-83.5x83.5@2x.png -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner/GeneratedPluginRegistrant.m: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #import "GeneratedPluginRegistrant.h" 8 | 9 | @implementation GeneratedPluginRegistrant 10 | 11 | + (void)registerWithRegistry:(NSObject*)registry { 12 | } 13 | 14 | @end 15 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/WorkspaceSettings.xcsettings: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PreviewsEnabled 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.xcworkspace/xcshareddata/IDEWorkspaceChecks.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | IDEDidComputeMac32BitWarning 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/README.md: -------------------------------------------------------------------------------- 1 | # Launch Screen Assets 2 | 3 | You can customize the launch screen with your own desired assets by replacing the image files in this directory. 4 | 5 | You can also do it by opening your Flutter project's Xcode project with `open ios/Runner.xcworkspace`, selecting `Runner/Assets.xcassets` in the Project Navigator and dropping in the desired images. -------------------------------------------------------------------------------- /ios/Runner/AppDelegate.swift: -------------------------------------------------------------------------------- 1 | import UIKit 2 | import Flutter 3 | 4 | @UIApplicationMain 5 | @objc class AppDelegate: FlutterAppDelegate { 6 | override func application( 7 | _ application: UIApplication, 8 | didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? 9 | ) -> Bool { 10 | GeneratedPluginRegistrant.register(with: self) 11 | return super.application(application, didFinishLaunchingWithOptions: launchOptions) 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /ios/Runner/GeneratedPluginRegistrant.h: -------------------------------------------------------------------------------- 1 | // 2 | // Generated file. Do not edit. 3 | // 4 | 5 | // clang-format off 6 | 7 | #ifndef GeneratedPluginRegistrant_h 8 | #define GeneratedPluginRegistrant_h 9 | 10 | #import 11 | 12 | NS_ASSUME_NONNULL_BEGIN 13 | 14 | @interface GeneratedPluginRegistrant : NSObject 15 | + (void)registerWithRegistry:(NSObject*)registry; 16 | @end 17 | 18 | NS_ASSUME_NONNULL_END 19 | #endif /* GeneratedPluginRegistrant_h */ 20 | -------------------------------------------------------------------------------- /lib/main.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | import 'Pages/home_page.dart'; 4 | 5 | void main() { 6 | runApp(const MyApp()); 7 | } 8 | 9 | class MyApp extends StatelessWidget { 10 | const MyApp({Key? key}) : super(key: key); 11 | 12 | // This widget is the root of your application. 13 | @override 14 | Widget build(BuildContext context) { 15 | return const MaterialApp( 16 | debugShowCheckedModeBanner: false, 17 | home: HomePage(), 18 | ); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /lib/global.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | var selectedIndex = 3; 4 | var panelOpen = false; 5 | var appBarTxt = "Music"; 6 | 7 | List podcast = [ 8 | { 9 | "title" : "podcast chart", 10 | "img" : "images/eminem.jpeg", 11 | }, 12 | { 13 | "title" : "New's & Politic", 14 | "img" : "images/billie.jpeg", 15 | }, 16 | { 17 | "title" : "Raps", 18 | "img" : "images/sixnine.jpg", 19 | }, 20 | { 21 | "title" : "Raps & hip hop", 22 | "img" : "images/drake.jpg", 23 | }, 24 | ]; 25 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "universal", 5 | "filename" : "LaunchImage.png", 6 | "scale" : "1x" 7 | }, 8 | { 9 | "idiom" : "universal", 10 | "filename" : "LaunchImage@2x.png", 11 | "scale" : "2x" 12 | }, 13 | { 14 | "idiom" : "universal", 15 | "filename" : "LaunchImage@3x.png", 16 | "scale" : "3x" 17 | } 18 | ], 19 | "info" : { 20 | "version" : 1, 21 | "author" : "xcode" 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /ios/Flutter/Generated.xcconfig: -------------------------------------------------------------------------------- 1 | // This is a generated file; do not edit or check into version control. 2 | FLUTTER_ROOT=/home/hmida-dz/snap/flutter/common/flutter 3 | FLUTTER_APPLICATION_PATH=/home/hmida-dz/StudioProjects/deezer_music_clone 4 | COCOAPODS_PARALLEL_CODE_SIGN=true 5 | FLUTTER_TARGET=lib/main.dart 6 | FLUTTER_BUILD_DIR=build 7 | FLUTTER_BUILD_NAME=1.0.0 8 | FLUTTER_BUILD_NUMBER=1 9 | EXCLUDED_ARCHS[sdk=iphonesimulator*]=i386 10 | DART_OBFUSCATION=false 11 | TRACK_WIDGET_CREATION=false 12 | TREE_SHAKE_ICONS=false 13 | PACKAGE_CONFIG=.packages 14 | -------------------------------------------------------------------------------- /ios/Flutter/flutter_export_environment.sh: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | # This is a generated file; do not edit or check into version control. 3 | export "FLUTTER_ROOT=/home/hmida-dz/snap/flutter/common/flutter" 4 | export "FLUTTER_APPLICATION_PATH=/home/hmida-dz/StudioProjects/deezer_music_clone" 5 | export "COCOAPODS_PARALLEL_CODE_SIGN=true" 6 | export "FLUTTER_TARGET=lib/main.dart" 7 | export "FLUTTER_BUILD_DIR=build" 8 | export "FLUTTER_BUILD_NAME=1.0.0" 9 | export "FLUTTER_BUILD_NUMBER=1" 10 | export "DART_OBFUSCATION=false" 11 | export "TRACK_WIDGET_CREATION=false" 12 | export "TREE_SHAKE_ICONS=false" 13 | export "PACKAGE_CONFIG=.packages" 14 | -------------------------------------------------------------------------------- /deezer_music_clone.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /lib/Pages/favorite.dart: -------------------------------------------------------------------------------- 1 | import 'package:flutter/material.dart'; 2 | 3 | class Favorite extends StatefulWidget { 4 | const Favorite({Key? key}) : super(key: key); 5 | 6 | @override 7 | _FavoriteState createState() => _FavoriteState(); 8 | } 9 | 10 | class _FavoriteState extends State { 11 | @override 12 | Widget build(BuildContext context) { 13 | return Center( 14 | child: Container( 15 | decoration: const BoxDecoration( 16 | color: Color(0xFFB6AFAF), 17 | borderRadius: BorderRadius.all(Radius.circular(8))), 18 | padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 10), 19 | child: const Text( 20 | "No Favorite Yet !!", 21 | style: TextStyle( 22 | fontSize: 20, fontWeight: FontWeight.bold, color: Colors.black), 23 | ), 24 | ), 25 | ); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /ios/Flutter/AppFrameworkInfo.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | App 9 | CFBundleIdentifier 10 | io.flutter.flutter.app 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | App 15 | CFBundlePackageType 16 | FMWK 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1.0 23 | MinimumOSVersion 24 | 9.0 25 | 26 | 27 | -------------------------------------------------------------------------------- /analysis_options.yaml: -------------------------------------------------------------------------------- 1 | # This file configures the analyzer, which statically analyzes Dart code to 2 | # check for errors, warnings, and lints. 3 | # 4 | # The issues identified by the analyzer are surfaced in the UI of Dart-enabled 5 | # IDEs (https://dart.dev/tools#ides-and-editors). The analyzer can also be 6 | # invoked from the command line by running `flutter analyze`. 7 | 8 | # The following line activates a set of recommended lints for Flutter apps, 9 | # packages, and plugins designed to encourage good coding practices. 10 | include: package:flutter_lints/flutter.yaml 11 | 12 | linter: 13 | # The lint rules applied to this project can be customized in the 14 | # section below to disable rules from the `package:flutter_lints/flutter.yaml` 15 | # included above or to enable additional rules. A list of all available lints 16 | # and their documentation is published at 17 | # https://dart-lang.github.io/linter/lints/index.html. 18 | # 19 | # Instead of disabling a lint rule for the entire project in the 20 | # section below, it can also be suppressed for a single line of code 21 | # or a specific dart file by using the `// ignore: name_of_lint` and 22 | # `// ignore_for_file: name_of_lint` syntax on the line or in the file 23 | # producing the lint. 24 | rules: 25 | # avoid_print: false # Uncomment to disable the `avoid_print` rule 26 | # prefer_single_quotes: true # Uncomment to enable the `prefer_single_quotes` rule 27 | 28 | # Additional information about this file can be found at 29 | # https://dart.dev/guides/language/analysis-options 30 | -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/Main.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /ios/Runner/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | $(DEVELOPMENT_LANGUAGE) 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | deezer_music_clone 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | $(FLUTTER_BUILD_NAME) 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | $(FLUTTER_BUILD_NUMBER) 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIMainStoryboardFile 28 | Main 29 | UISupportedInterfaceOrientations 30 | 31 | UIInterfaceOrientationPortrait 32 | UIInterfaceOrientationLandscapeLeft 33 | UIInterfaceOrientationLandscapeRight 34 | 35 | UISupportedInterfaceOrientations~ipad 36 | 37 | UIInterfaceOrientationPortrait 38 | UIInterfaceOrientationPortraitUpsideDown 39 | UIInterfaceOrientationLandscapeLeft 40 | UIInterfaceOrientationLandscapeRight 41 | 42 | UIViewControllerBasedStatusBarAppearance 43 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Flutter Deezer Clone Challenge ui Animated 🔥🔥 2 |
3 |

Gif Image :

4 | Css Logo 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 45 | 46 | 47 | 48 | 55 | 56 | 57 | 58 | 59 | 60 | 69 | 70 | 71 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |
Home screenscreenscreen screen
39 | 40 | 41 | 42 | Css Logo 43 | 44 | 49 | 50 | 51 | 52 | Css Logo 53 | 54 | 61 | 62 | 63 | 64 | Css Logo 65 | 66 | 67 | 68 | 72 | 73 | 74 | 75 | 76 | Css Logo 77 | 78 |
86 |
87 |

pls Add panel.dart file in root file (SlidingUpPanel)

88 |

Note : SlidingUpPanel is a pub package !

89 | 90 | 🔥 Deezer Music App With Flutter & Animation Cool 🚀🚀 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /ios/Runner/Base.lproj/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /ios/Runner/Assets.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "size" : "20x20", 5 | "idiom" : "iphone", 6 | "filename" : "Icon-App-20x20@2x.png", 7 | "scale" : "2x" 8 | }, 9 | { 10 | "size" : "20x20", 11 | "idiom" : "iphone", 12 | "filename" : "Icon-App-20x20@3x.png", 13 | "scale" : "3x" 14 | }, 15 | { 16 | "size" : "29x29", 17 | "idiom" : "iphone", 18 | "filename" : "Icon-App-29x29@1x.png", 19 | "scale" : "1x" 20 | }, 21 | { 22 | "size" : "29x29", 23 | "idiom" : "iphone", 24 | "filename" : "Icon-App-29x29@2x.png", 25 | "scale" : "2x" 26 | }, 27 | { 28 | "size" : "29x29", 29 | "idiom" : "iphone", 30 | "filename" : "Icon-App-29x29@3x.png", 31 | "scale" : "3x" 32 | }, 33 | { 34 | "size" : "40x40", 35 | "idiom" : "iphone", 36 | "filename" : "Icon-App-40x40@2x.png", 37 | "scale" : "2x" 38 | }, 39 | { 40 | "size" : "40x40", 41 | "idiom" : "iphone", 42 | "filename" : "Icon-App-40x40@3x.png", 43 | "scale" : "3x" 44 | }, 45 | { 46 | "size" : "60x60", 47 | "idiom" : "iphone", 48 | "filename" : "Icon-App-60x60@2x.png", 49 | "scale" : "2x" 50 | }, 51 | { 52 | "size" : "60x60", 53 | "idiom" : "iphone", 54 | "filename" : "Icon-App-60x60@3x.png", 55 | "scale" : "3x" 56 | }, 57 | { 58 | "size" : "20x20", 59 | "idiom" : "ipad", 60 | "filename" : "Icon-App-20x20@1x.png", 61 | "scale" : "1x" 62 | }, 63 | { 64 | "size" : "20x20", 65 | "idiom" : "ipad", 66 | "filename" : "Icon-App-20x20@2x.png", 67 | "scale" : "2x" 68 | }, 69 | { 70 | "size" : "29x29", 71 | "idiom" : "ipad", 72 | "filename" : "Icon-App-29x29@1x.png", 73 | "scale" : "1x" 74 | }, 75 | { 76 | "size" : "29x29", 77 | "idiom" : "ipad", 78 | "filename" : "Icon-App-29x29@2x.png", 79 | "scale" : "2x" 80 | }, 81 | { 82 | "size" : "40x40", 83 | "idiom" : "ipad", 84 | "filename" : "Icon-App-40x40@1x.png", 85 | "scale" : "1x" 86 | }, 87 | { 88 | "size" : "40x40", 89 | "idiom" : "ipad", 90 | "filename" : "Icon-App-40x40@2x.png", 91 | "scale" : "2x" 92 | }, 93 | { 94 | "size" : "76x76", 95 | "idiom" : "ipad", 96 | "filename" : "Icon-App-76x76@1x.png", 97 | "scale" : "1x" 98 | }, 99 | { 100 | "size" : "76x76", 101 | "idiom" : "ipad", 102 | "filename" : "Icon-App-76x76@2x.png", 103 | "scale" : "2x" 104 | }, 105 | { 106 | "size" : "83.5x83.5", 107 | "idiom" : "ipad", 108 | "filename" : "Icon-App-83.5x83.5@2x.png", 109 | "scale" : "2x" 110 | }, 111 | { 112 | "size" : "1024x1024", 113 | "idiom" : "ios-marketing", 114 | "filename" : "Icon-App-1024x1024@1x.png", 115 | "scale" : "1x" 116 | } 117 | ], 118 | "info" : { 119 | "version" : 1, 120 | "author" : "xcode" 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/xcshareddata/xcschemes/Runner.xcscheme: -------------------------------------------------------------------------------- 1 | 2 | 5 | 8 | 9 | 15 | 21 | 22 | 23 | 24 | 25 | 30 | 31 | 32 | 33 | 39 | 40 | 41 | 42 | 43 | 44 | 54 | 56 | 62 | 63 | 64 | 65 | 66 | 67 | 73 | 75 | 81 | 82 | 83 | 84 | 86 | 87 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /pubspec.yaml: -------------------------------------------------------------------------------- 1 | name: deezer_music_clone 2 | description: A new Flutter project. 3 | 4 | # The following line prevents the package from being accidentally published to 5 | # pub.dev using `flutter pub publish`. This is preferred for private packages. 6 | publish_to: 'none' # Remove this line if you wish to publish to pub.dev 7 | 8 | # The following defines the version and build number for your application. 9 | # A version number is three numbers separated by dots, like 1.2.43 10 | # followed by an optional build number separated by a +. 11 | # Both the version and the builder number may be overridden in flutter 12 | # build by specifying --build-name and --build-number, respectively. 13 | # In Android, build-name is used as versionName while build-number used as versionCode. 14 | # Read more about Android versioning at https://developer.android.com/studio/publish/versioning 15 | # In iOS, build-name is used as CFBundleShortVersionString while build-number used as CFBundleVersion. 16 | # Read more about iOS versioning at 17 | # https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html 18 | version: 1.0.0+1 19 | 20 | environment: 21 | sdk: ">=2.12.0 <3.0.0" 22 | 23 | # Dependencies specify other packages that your package needs in order to work. 24 | # To automatically upgrade your package dependencies to the latest versions 25 | # consider running `flutter pub upgrade --major-versions`. Alternatively, 26 | # dependencies can be manually updated by changing the version numbers below to 27 | # the latest version available on pub.dev. To see which dependencies have newer 28 | # versions available, run `flutter pub outdated`. 29 | dependencies: 30 | flutter: 31 | sdk: flutter 32 | 33 | 34 | # The following adds the Cupertino Icons font to your application. 35 | # Use with the CupertinoIcons class for iOS style icons. 36 | cupertino_icons: ^1.0.2 37 | ionicons: ^0.1.2 38 | sliding_up_panel: ^2.0.0+1 39 | 40 | dev_dependencies: 41 | flutter_test: 42 | sdk: flutter 43 | 44 | # The "flutter_lints" package below contains a set of recommended lints to 45 | # encourage good coding practices. The lint set provided by the package is 46 | # activated in the `analysis_options.yaml` file located at the root of your 47 | # package. See that file for information about deactivating specific lint 48 | # rules and activating additional ones. 49 | flutter_lints: ^1.0.0 50 | 51 | # For information on the generic Dart part of this file, see the 52 | # following page: https://dart.dev/tools/pub/pubspec 53 | 54 | # The following section is specific to Flutter. 55 | flutter: 56 | 57 | # The following line ensures that the Material Icons font is 58 | # included with your application, so that you can use the icons in 59 | # the material Icons class. 60 | uses-material-design: true 61 | 62 | # To add assets to your application, add an assets section, like this: 63 | assets: 64 | - images/ 65 | # - images/a_dot_ham.jpeg 66 | 67 | # An image asset can refer to one or more resolution-specific "variants", see 68 | # https://flutter.dev/assets-and-images/#resolution-aware. 69 | 70 | # For details regarding adding assets from package dependencies, see 71 | # https://flutter.dev/assets-and-images/#from-packages 72 | 73 | # To add custom fonts to your application, add a fonts section here, 74 | # in this "flutter" section. Each entry in this list should have a 75 | # "family" key with the font family name, and a "fonts" key with a 76 | # list giving the asset and other descriptors for the font. For 77 | # example: 78 | # fonts: 79 | # - family: Schyler 80 | # fonts: 81 | # - asset: fonts/Schyler-Regular.ttf 82 | # - asset: fonts/Schyler-Italic.ttf 83 | # style: italic 84 | # - family: Trajan Pro 85 | # fonts: 86 | # - asset: fonts/TrajanPro.ttf 87 | # - asset: fonts/TrajanPro_Bold.ttf 88 | # weight: 700 89 | # 90 | # For details regarding fonts from package dependencies, 91 | # see https://flutter.dev/custom-fonts/#from-packages 92 | -------------------------------------------------------------------------------- /pubspec.lock: -------------------------------------------------------------------------------- 1 | # Generated by pub 2 | # See https://dart.dev/tools/pub/glossary#lockfile 3 | packages: 4 | async: 5 | dependency: transitive 6 | description: 7 | name: async 8 | url: "https://pub.dartlang.org" 9 | source: hosted 10 | version: "2.8.1" 11 | boolean_selector: 12 | dependency: transitive 13 | description: 14 | name: boolean_selector 15 | url: "https://pub.dartlang.org" 16 | source: hosted 17 | version: "2.1.0" 18 | characters: 19 | dependency: transitive 20 | description: 21 | name: characters 22 | url: "https://pub.dartlang.org" 23 | source: hosted 24 | version: "1.1.0" 25 | charcode: 26 | dependency: transitive 27 | description: 28 | name: charcode 29 | url: "https://pub.dartlang.org" 30 | source: hosted 31 | version: "1.3.1" 32 | clock: 33 | dependency: transitive 34 | description: 35 | name: clock 36 | url: "https://pub.dartlang.org" 37 | source: hosted 38 | version: "1.1.0" 39 | collection: 40 | dependency: transitive 41 | description: 42 | name: collection 43 | url: "https://pub.dartlang.org" 44 | source: hosted 45 | version: "1.15.0" 46 | cupertino_icons: 47 | dependency: "direct main" 48 | description: 49 | name: cupertino_icons 50 | url: "https://pub.dartlang.org" 51 | source: hosted 52 | version: "1.0.3" 53 | fake_async: 54 | dependency: transitive 55 | description: 56 | name: fake_async 57 | url: "https://pub.dartlang.org" 58 | source: hosted 59 | version: "1.2.0" 60 | flutter: 61 | dependency: "direct main" 62 | description: flutter 63 | source: sdk 64 | version: "0.0.0" 65 | flutter_lints: 66 | dependency: "direct dev" 67 | description: 68 | name: flutter_lints 69 | url: "https://pub.dartlang.org" 70 | source: hosted 71 | version: "1.0.4" 72 | flutter_test: 73 | dependency: "direct dev" 74 | description: flutter 75 | source: sdk 76 | version: "0.0.0" 77 | ionicons: 78 | dependency: "direct main" 79 | description: 80 | name: ionicons 81 | url: "https://pub.dartlang.org" 82 | source: hosted 83 | version: "0.1.2" 84 | lints: 85 | dependency: transitive 86 | description: 87 | name: lints 88 | url: "https://pub.dartlang.org" 89 | source: hosted 90 | version: "1.0.1" 91 | matcher: 92 | dependency: transitive 93 | description: 94 | name: matcher 95 | url: "https://pub.dartlang.org" 96 | source: hosted 97 | version: "0.12.10" 98 | meta: 99 | dependency: transitive 100 | description: 101 | name: meta 102 | url: "https://pub.dartlang.org" 103 | source: hosted 104 | version: "1.7.0" 105 | path: 106 | dependency: transitive 107 | description: 108 | name: path 109 | url: "https://pub.dartlang.org" 110 | source: hosted 111 | version: "1.8.0" 112 | sky_engine: 113 | dependency: transitive 114 | description: flutter 115 | source: sdk 116 | version: "0.0.99" 117 | sliding_up_panel: 118 | dependency: "direct main" 119 | description: 120 | name: sliding_up_panel 121 | url: "https://pub.dartlang.org" 122 | source: hosted 123 | version: "2.0.0+1" 124 | source_span: 125 | dependency: transitive 126 | description: 127 | name: source_span 128 | url: "https://pub.dartlang.org" 129 | source: hosted 130 | version: "1.8.1" 131 | stack_trace: 132 | dependency: transitive 133 | description: 134 | name: stack_trace 135 | url: "https://pub.dartlang.org" 136 | source: hosted 137 | version: "1.10.0" 138 | stream_channel: 139 | dependency: transitive 140 | description: 141 | name: stream_channel 142 | url: "https://pub.dartlang.org" 143 | source: hosted 144 | version: "2.1.0" 145 | string_scanner: 146 | dependency: transitive 147 | description: 148 | name: string_scanner 149 | url: "https://pub.dartlang.org" 150 | source: hosted 151 | version: "1.1.0" 152 | term_glyph: 153 | dependency: transitive 154 | description: 155 | name: term_glyph 156 | url: "https://pub.dartlang.org" 157 | source: hosted 158 | version: "1.2.0" 159 | test_api: 160 | dependency: transitive 161 | description: 162 | name: test_api 163 | url: "https://pub.dartlang.org" 164 | source: hosted 165 | version: "0.4.2" 166 | typed_data: 167 | dependency: transitive 168 | description: 169 | name: typed_data 170 | url: "https://pub.dartlang.org" 171 | source: hosted 172 | version: "1.3.0" 173 | vector_math: 174 | dependency: transitive 175 | description: 176 | name: vector_math 177 | url: "https://pub.dartlang.org" 178 | source: hosted 179 | version: "2.1.0" 180 | sdks: 181 | dart: ">=2.12.0 <3.0.0" 182 | flutter: ">=1.17.0" 183 | -------------------------------------------------------------------------------- /lib/Pages/search.dart: -------------------------------------------------------------------------------- 1 | import 'package:deezer_music_clone/global.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:ionicons/ionicons.dart'; 4 | 5 | class Search extends StatefulWidget { 6 | const Search({Key? key}) : super(key: key); 7 | 8 | @override 9 | SearchState createState() => SearchState(); 10 | } 11 | 12 | class SearchState extends State { 13 | @override 14 | Widget build(BuildContext context) { 15 | return Container( 16 | child: Column( 17 | mainAxisAlignment: MainAxisAlignment.start, 18 | crossAxisAlignment: CrossAxisAlignment.start, 19 | children: [ 20 | Container( 21 | width: double.infinity, 22 | height: 60, 23 | margin: const EdgeInsets.symmetric(horizontal: 30, vertical: 15), 24 | decoration: const BoxDecoration( 25 | borderRadius: BorderRadius.all(Radius.circular(12)), 26 | color: Color(0xFFCACACA)), 27 | child: Row( 28 | children: const [ 29 | SizedBox( 30 | width: 12, 31 | ), 32 | Icon(Ionicons.search_outline), 33 | SizedBox( 34 | width: 12, 35 | ), 36 | Text( 37 | "Artists,tracks, podcasts... ", 38 | style: TextStyle(fontSize: 20), 39 | ), 40 | SizedBox( 41 | width: 10, 42 | ), 43 | Icon(Ionicons.mic_outline), 44 | ], 45 | ), 46 | ), 47 | Container( 48 | margin: const EdgeInsets.only(top: 15, left: 20), 49 | child: const Text( 50 | "From a sound", 51 | style: TextStyle( 52 | fontSize: 20, fontWeight: FontWeight.bold, color: Colors.black), 53 | ), 54 | ), 55 | Container( 56 | height: 70, 57 | width: double.infinity, 58 | decoration: const BoxDecoration( 59 | color: Colors.white, 60 | borderRadius: BorderRadius.all(Radius.circular(8)), 61 | image: DecorationImage( 62 | image: AssetImage("images/song.png"), 63 | fit: BoxFit.fill, 64 | ), 65 | ), 66 | margin: 67 | const EdgeInsets.only(left: 20, right: 20, top: 30, bottom: 15), 68 | ), 69 | Container( 70 | margin: const EdgeInsets.only(top: 15, left: 20), 71 | child: const Text( 72 | "Highlights", 73 | style: TextStyle( 74 | fontSize: 20, fontWeight: FontWeight.bold, color: Colors.black), 75 | ), 76 | ), 77 | Row( 78 | children: [ 79 | Expanded( 80 | child: Container( 81 | height: 100, 82 | width: double.infinity, 83 | alignment: Alignment.center, 84 | decoration: BoxDecoration( 85 | color: Colors.white, 86 | borderRadius: const BorderRadius.all(Radius.circular(8)), 87 | image: DecorationImage( 88 | image: AssetImage(podcast[2]['img']), 89 | fit: BoxFit.cover, 90 | ), 91 | ), 92 | child: Text( 93 | podcast[2]['title'], 94 | style: const TextStyle( 95 | color: Colors.white, 96 | fontWeight: FontWeight.bold, 97 | fontSize: 22), 98 | ), 99 | margin: const EdgeInsets.only(left: 20, top: 30, bottom: 15), 100 | ), 101 | ), 102 | const SizedBox( 103 | width: 10, 104 | ), 105 | Expanded( 106 | child: Container( 107 | height: 100, 108 | width: double.infinity, 109 | alignment: Alignment.center, 110 | decoration: BoxDecoration( 111 | color: Colors.white, 112 | borderRadius: const BorderRadius.all(Radius.circular(8)), 113 | image: DecorationImage( 114 | image: AssetImage(podcast[3]['img']), 115 | fit: BoxFit.cover, 116 | ), 117 | ), 118 | child: Text( 119 | podcast[3]['title'], 120 | style: const TextStyle( 121 | color: Colors.white, 122 | fontWeight: FontWeight.bold, 123 | fontSize: 22), 124 | ), 125 | margin: const EdgeInsets.only(right: 10, top: 30, bottom: 15), 126 | ), 127 | ) 128 | ], 129 | ), 130 | Row( 131 | children: [ 132 | Expanded( 133 | child: Container( 134 | height: 100, 135 | width: double.infinity, 136 | alignment: Alignment.center, 137 | decoration: BoxDecoration( 138 | color: Colors.white, 139 | borderRadius: const BorderRadius.all(Radius.circular(8)), 140 | image: DecorationImage( 141 | image: AssetImage(podcast[0]['img']), 142 | fit: BoxFit.cover, 143 | ), 144 | ), 145 | child: Text( 146 | podcast[0]['title'], 147 | style: const TextStyle( 148 | color: Colors.white, 149 | fontWeight: FontWeight.bold, 150 | fontSize: 22), 151 | ), 152 | margin: const EdgeInsets.only(left: 20, top: 30, bottom: 15), 153 | ), 154 | ), 155 | const SizedBox( 156 | width: 10, 157 | ), 158 | Expanded( 159 | child: Container( 160 | height: 100, 161 | width: double.infinity, 162 | alignment: Alignment.center, 163 | decoration: BoxDecoration( 164 | color: Colors.white, 165 | borderRadius: const BorderRadius.all(Radius.circular(8)), 166 | image: DecorationImage( 167 | image: AssetImage(podcast[1]['img']), 168 | fit: BoxFit.cover, 169 | ), 170 | ), 171 | child: Text( 172 | podcast[1]['title'], 173 | style: const TextStyle( 174 | color: Colors.white, 175 | fontWeight: FontWeight.bold, 176 | fontSize: 22), 177 | ), 178 | margin: const EdgeInsets.only(right: 10, top: 30, bottom: 15), 179 | ), 180 | ) 181 | ], 182 | ), 183 | ], 184 | )); 185 | } 186 | } 187 | -------------------------------------------------------------------------------- /lib/Pages/podcast.dart: -------------------------------------------------------------------------------- 1 | import 'package:deezer_music_clone/global.dart'; 2 | import 'package:flutter/material.dart'; 3 | 4 | class Podcast extends StatefulWidget { 5 | const Podcast({Key? key}) : super(key: key); 6 | 7 | @override 8 | _PodcastState createState() => _PodcastState(); 9 | } 10 | 11 | class _PodcastState extends State { 12 | @override 13 | Widget build(BuildContext context) { 14 | return Container( 15 | child: Column( 16 | mainAxisAlignment: MainAxisAlignment.start, 17 | crossAxisAlignment: CrossAxisAlignment.start, 18 | children: [ 19 | Container( 20 | margin: const EdgeInsets.only(top: 15, left: 20), 21 | child: const Text( 22 | "Your favorite artists", 23 | style: TextStyle( 24 | fontSize: 20, 25 | fontWeight: FontWeight.bold, 26 | color: Colors.black), 27 | ), 28 | ), 29 | Container( 30 | height: 150, 31 | // color: Colors.black, 32 | child: ListView.builder( 33 | scrollDirection: Axis.horizontal, 34 | itemCount: podcast.length, 35 | itemBuilder: (context, i) { 36 | return Container( 37 | height: 100, 38 | width: 100, 39 | decoration: BoxDecoration( 40 | color: Colors.white, 41 | borderRadius: 42 | const BorderRadius.all(Radius.circular(8)), 43 | image: DecorationImage( 44 | image: AssetImage("${podcast[i]['img']}"), 45 | fit: BoxFit.cover, 46 | ), 47 | ), 48 | margin: 49 | const EdgeInsets.only(left: 20, top: 30, bottom: 15), 50 | ); 51 | })), 52 | Container( 53 | margin: const EdgeInsets.only(top: 15, left: 20), 54 | child: const Text( 55 | "All categorie", 56 | style: TextStyle( 57 | fontSize: 20, 58 | fontWeight: FontWeight.bold, 59 | color: Colors.black), 60 | ), 61 | ), 62 | Row( 63 | children: [ 64 | Expanded( 65 | child: Container( 66 | height: 100, 67 | width: double.infinity, 68 | alignment: Alignment.center, 69 | decoration: BoxDecoration( 70 | color: Colors.white, 71 | borderRadius: const BorderRadius.all(Radius.circular(8)), 72 | image: DecorationImage( 73 | image: AssetImage(podcast[0]['img']), 74 | fit: BoxFit.cover, 75 | ), 76 | ), 77 | child: Text( 78 | podcast[0]['title'], 79 | style: const TextStyle( 80 | color: Colors.white, 81 | fontWeight: FontWeight.bold, 82 | fontSize: 22), 83 | ), 84 | margin: const EdgeInsets.only(left: 20, top: 30, bottom: 15), 85 | ), 86 | ), 87 | const SizedBox( 88 | width: 10, 89 | ), 90 | Expanded( 91 | child: Container( 92 | height: 100, 93 | width: double.infinity, 94 | alignment: Alignment.center, 95 | decoration: BoxDecoration( 96 | color: Colors.white, 97 | borderRadius: const BorderRadius.all(Radius.circular(8)), 98 | image: DecorationImage( 99 | image: AssetImage(podcast[1]['img']), 100 | fit: BoxFit.cover, 101 | ), 102 | ), 103 | child: Text( 104 | podcast[1]['title'], 105 | style: const TextStyle( 106 | color: Colors.white, 107 | fontWeight: FontWeight.bold, 108 | fontSize: 22), 109 | ), 110 | margin: const EdgeInsets.only(right: 10, top: 30, bottom: 15), 111 | ), 112 | ) 113 | ], 114 | ), 115 | Row( 116 | children: [ 117 | Expanded( 118 | child: Container( 119 | height: 100, 120 | width: double.infinity, 121 | alignment: Alignment.center, 122 | decoration: BoxDecoration( 123 | color: Colors.white, 124 | borderRadius: const BorderRadius.all(Radius.circular(8)), 125 | image: DecorationImage( 126 | image: AssetImage(podcast[2]['img']), 127 | fit: BoxFit.cover, 128 | ), 129 | ), 130 | child: Text( 131 | podcast[2]['title'], 132 | style: const TextStyle( 133 | color: Colors.white, 134 | fontWeight: FontWeight.bold, 135 | fontSize: 22), 136 | ), 137 | margin: const EdgeInsets.only(left: 20, top: 30, bottom: 15), 138 | ), 139 | ), 140 | const SizedBox( 141 | width: 10, 142 | ), 143 | Expanded( 144 | child: Container( 145 | height: 100, 146 | width: double.infinity, 147 | alignment: Alignment.center, 148 | decoration: BoxDecoration( 149 | color: Colors.white, 150 | borderRadius: const BorderRadius.all(Radius.circular(8)), 151 | image: DecorationImage( 152 | image: AssetImage(podcast[3]['img']), 153 | fit: BoxFit.cover, 154 | ), 155 | ), 156 | child: Text( 157 | podcast[3]['title'], 158 | style: const TextStyle( 159 | color: Colors.white, 160 | fontWeight: FontWeight.bold, 161 | fontSize: 22), 162 | ), 163 | margin: const EdgeInsets.only(right: 10, top: 30, bottom: 15), 164 | ), 165 | ) 166 | ], 167 | ), 168 | 169 | Container( 170 | decoration: const BoxDecoration( 171 | color: Color(0xFFB6AFAF), 172 | borderRadius: BorderRadius.all(Radius.circular(8))), 173 | margin: const EdgeInsets.only(top: 15, left: 100), 174 | padding: const EdgeInsets.symmetric(horizontal: 40, vertical: 10), 175 | child: const Text( 176 | "View More", 177 | style: TextStyle( 178 | fontSize: 20, 179 | fontWeight: FontWeight.bold, 180 | color: Colors.black), 181 | ), 182 | ), 183 | ], 184 | ), 185 | ); 186 | } 187 | } 188 | -------------------------------------------------------------------------------- /lib/Pages/home_page.dart: -------------------------------------------------------------------------------- 1 | import 'dart:ui'; 2 | 3 | import 'package:deezer_music_clone/Pages/favorite.dart'; 4 | import 'package:deezer_music_clone/Pages/index.dart'; 5 | import 'package:deezer_music_clone/Pages/podcast.dart'; 6 | import 'package:deezer_music_clone/Pages/search.dart'; 7 | import 'package:deezer_music_clone/global.dart'; 8 | import 'package:flutter/material.dart'; 9 | import 'package:ionicons/ionicons.dart'; 10 | import 'package:sliding_up_panel/sliding_up_panel.dart'; 11 | 12 | class HomePage extends StatefulWidget { 13 | const HomePage({Key? key}) : super(key: key); 14 | 15 | @override 16 | _HomePageState createState() => _HomePageState(); 17 | } 18 | 19 | class _HomePageState extends State { 20 | @override 21 | Widget build(BuildContext context) { 22 | var hei = MediaQuery.of(context).size.height; 23 | var wid = MediaQuery.of(context).size.width; 24 | return Scaffold( 25 | appBar: AppBar( 26 | elevation: 0, 27 | title: Container( 28 | // color: Colors.red, 29 | margin: const EdgeInsets.only(top: 10), 30 | child: Row( 31 | children: selectedIndex == 0 32 | ? const [ 33 | SizedBox( 34 | width: 10, 35 | ), 36 | Text( 37 | "Music", 38 | style: TextStyle( 39 | color: Colors.black, 40 | fontWeight: FontWeight.bold, 41 | fontSize: 33), 42 | ), 43 | SizedBox( 44 | width: 5, 45 | ), 46 | ] 47 | : selectedIndex == 1 48 | ? const [ 49 | SizedBox( 50 | width: 10, 51 | ), 52 | Text( 53 | "Podcast", 54 | style: TextStyle( 55 | color: Colors.black, 56 | fontWeight: FontWeight.bold, 57 | fontSize: 33), 58 | ), 59 | SizedBox( 60 | width: 5, 61 | ), 62 | ] 63 | : selectedIndex == 3 64 | ? const [ 65 | SizedBox( 66 | width: 10, 67 | ), 68 | Text( 69 | "Search", 70 | style: TextStyle( 71 | color: Colors.black, 72 | fontWeight: FontWeight.bold, 73 | fontSize: 33), 74 | ), 75 | SizedBox( 76 | width: 5, 77 | ), 78 | ] 79 | : const [ 80 | SizedBox( 81 | width: 10, 82 | ), 83 | Text( 84 | "Favorit", 85 | style: TextStyle( 86 | color: Colors.black, 87 | fontWeight: FontWeight.bold, 88 | fontSize: 33), 89 | ), 90 | SizedBox( 91 | width: 5, 92 | ), 93 | ])), 94 | backgroundColor: Colors.white, 95 | actions: [ 96 | IconButton( 97 | onPressed: () {}, 98 | icon: const Icon( 99 | Ionicons.notifications_outline, 100 | size: 30, 101 | color: Colors.black87, 102 | )), 103 | const SizedBox( 104 | width: 2, 105 | ), 106 | IconButton( 107 | onPressed: () {}, 108 | icon: const Icon( 109 | Ionicons.settings_outline, 110 | size: 24, 111 | color: Colors.black87, 112 | )), 113 | const SizedBox( 114 | width: 10, 115 | ), 116 | ], 117 | ), 118 | bottomNavigationBar: BottomNavigationBar( 119 | showSelectedLabels: false, // <-- HERE 120 | showUnselectedLabels: false, // <-- AND HERE 121 | elevation: 18, 122 | items: [ 123 | BottomNavigationBarItem( 124 | icon: selectedIndex == 0 125 | ? IconButton( 126 | icon: const Icon( 127 | Ionicons.musical_notes_outline, 128 | color: Colors.red, 129 | size: 27, 130 | ), 131 | onPressed: () { 132 | setState(() { 133 | selectedIndex = 0; 134 | print("$selectedIndex"); 135 | }); 136 | }, 137 | ) 138 | : IconButton( 139 | icon: const Icon( 140 | Ionicons.musical_notes, 141 | color: Colors.black, 142 | size: 27, 143 | ), 144 | onPressed: () { 145 | setState(() { 146 | selectedIndex = 0; 147 | print("$selectedIndex"); 148 | }); 149 | }, 150 | ), 151 | label: "Home", 152 | ), 153 | BottomNavigationBarItem( 154 | icon: IconButton( 155 | icon: selectedIndex == 1 156 | ? const Icon( 157 | Ionicons.mic_outline, 158 | color: Colors.red, 159 | size: 27, 160 | ) 161 | : const Icon( 162 | Ionicons.mic, 163 | color: Colors.black, 164 | size: 27, 165 | ), 166 | onPressed: () { 167 | setState(() { 168 | selectedIndex = 1; 169 | print("$selectedIndex"); 170 | }); 171 | }, 172 | ), 173 | label: "Search", 174 | ), 175 | BottomNavigationBarItem( 176 | icon: selectedIndex == 2 177 | ? IconButton( 178 | icon: const Icon( 179 | Ionicons.heart_outline, 180 | color: Colors.red, 181 | size: 27, 182 | ), 183 | onPressed: () { 184 | setState(() { 185 | selectedIndex = 2; 186 | print("$selectedIndex"); 187 | }); 188 | }, 189 | ) 190 | : IconButton( 191 | icon: const Icon( 192 | Ionicons.heart, 193 | color: Colors.black, 194 | size: 27, 195 | ), 196 | onPressed: () { 197 | setState(() { 198 | selectedIndex = 2; 199 | print("$selectedIndex"); 200 | }); 201 | }, 202 | ), 203 | label: "Movie", 204 | ), 205 | BottomNavigationBarItem( 206 | icon: selectedIndex == 3 207 | ? IconButton( 208 | icon: const Icon( 209 | Ionicons.search_outline, 210 | color: Colors.red, 211 | size: 27, 212 | ), 213 | onPressed: () { 214 | setState(() { 215 | selectedIndex = 3; 216 | print("$selectedIndex"); 217 | }); 218 | }, 219 | ) 220 | : IconButton( 221 | icon: const Icon( 222 | Ionicons.search, 223 | color: Colors.black, 224 | size: 27, 225 | ), 226 | onPressed: () { 227 | setState(() { 228 | selectedIndex = 3; 229 | print("$selectedIndex"); 230 | }); 231 | }, 232 | ), 233 | label: "Shop", 234 | ), 235 | ]), 236 | body: selectedIndex == 0 237 | ? const Index() 238 | : selectedIndex == 1 239 | ? const Podcast() 240 | : selectedIndex == 2 241 | ? const Favorite() 242 | : const Search(), 243 | /* 244 | WeSlide( 245 | controller: _controller, 246 | panelMinSize: _panelMinSize, 247 | panelMaxSize: _panelMaxSize, 248 | animateDuration: const Duration(milliseconds: 600), 249 | blur: true, 250 | panelWidth: wid, 251 | 252 | body: Container( 253 | color: _colorScheme.background, 254 | child: Center( 255 | child: MaterialButton( 256 | onPressed: _controller.show, 257 | child: const Text("gg"), 258 | ), 259 | ), 260 | ), 261 | panel: Container( 262 | color: _colorScheme.primary, 263 | child: Container( 264 | height: 500, 265 | width: wid, 266 | child: Column( 267 | mainAxisAlignment: MainAxisAlignment.center, 268 | children: [ 269 | Container( 270 | width: double.infinity, 271 | height: 550, 272 | margin: const EdgeInsets.all(12), 273 | color: Colors.amber, 274 | ), 275 | const Text("This is the panel 😊"), 276 | ], 277 | )), 278 | ), 279 | panelHeader: Container( 280 | height: 110, 281 | color: _colorScheme.secondary, 282 | child: Center( 283 | child: Row( 284 | children: const [ 285 | Expanded( 286 | child: ListTile( 287 | isThreeLine: false, 288 | leading: Icon( 289 | Ionicons.play, 290 | size: 35, 291 | ), 292 | title: Text("Whatever You Like"), 293 | subtitle: Text("T.I -Paper Trail"), 294 | ), 295 | ), 296 | Icon(Ionicons.heart_outline), 297 | SizedBox( 298 | width: 10, 299 | ), 300 | Icon(Ionicons.information_circle_outline), 301 | SizedBox( 302 | width: 10, 303 | ), 304 | ], 305 | )), 306 | ), 307 | ), 308 | 309 | 310 | */ 311 | ); 312 | } 313 | } 314 | -------------------------------------------------------------------------------- /lib/Pages/index.dart: -------------------------------------------------------------------------------- 1 | import 'package:deezer_music_clone/global.dart'; 2 | import 'package:flutter/material.dart'; 3 | import 'package:ionicons/ionicons.dart'; 4 | import 'package:sliding_up_panel/sliding_up_panel.dart'; 5 | 6 | class Index extends StatefulWidget { 7 | const Index({Key? key}) : super(key: key); 8 | 9 | @override 10 | I_ndexState createState() => I_ndexState(); 11 | } 12 | 13 | class I_ndexState extends State { 14 | @override 15 | Widget build(BuildContext context) { 16 | var hei = MediaQuery.of(context).size.height; 17 | var wid = MediaQuery.of(context).size.width; 18 | return SlidingUpPanel( 19 | onPanelOpened: () { 20 | setState(() { 21 | panelOpen = true; 22 | }); 23 | }, 24 | onPanelClosed: () { 25 | setState(() { 26 | panelOpen = false; 27 | }); 28 | }, 29 | onPanelSlide: (val) { 30 | print("$val"); 31 | }, 32 | panel: Center( 33 | child: Container( 34 | decoration: const BoxDecoration( 35 | gradient: LinearGradient( 36 | colors: [Colors.indigo, Colors.indigoAccent], 37 | ), 38 | ), 39 | width: wid, 40 | height: 700, 41 | child: Column( 42 | children: [ 43 | panelOpen == false 44 | ? Center( 45 | child: Row( 46 | children: const [ 47 | Expanded( 48 | child: ListTile( 49 | isThreeLine: false, 50 | leading: Icon( 51 | Ionicons.play, 52 | size: 35, 53 | ), 54 | title: Text("Whatever You Like"), 55 | subtitle: Text("T.I -Paper Trail"), 56 | ), 57 | ), 58 | Icon(Ionicons.heart_outline), 59 | SizedBox( 60 | width: 10, 61 | ), 62 | Icon(Ionicons.information_circle_outline), 63 | SizedBox( 64 | width: 10, 65 | ), 66 | ], 67 | )) 68 | : Container( 69 | margin: const EdgeInsets.all(10), 70 | child: Column( 71 | children: [ 72 | Row( 73 | children: [ 74 | const Icon( 75 | Ionicons.chevron_down_outline, 76 | size: 30, 77 | color: Colors.white, 78 | ), 79 | const SizedBox( 80 | width: 120, 81 | ), 82 | Column( 83 | children: const [ 84 | Text("Mix Inspired by", 85 | style: TextStyle( 86 | color: Colors.white, fontSize: 14)), 87 | Text( 88 | "Eminem", 89 | style: TextStyle( 90 | color: Colors.white, fontSize: 15), 91 | ), 92 | ], 93 | ) 94 | ], 95 | ), 96 | Container( 97 | height: 220, 98 | width: wid, 99 | decoration: const BoxDecoration( 100 | color: Colors.white, 101 | borderRadius: 102 | BorderRadius.all(Radius.circular(8)), 103 | image: DecorationImage( 104 | image: AssetImage("images/eminem.jpeg"), 105 | fit: BoxFit.cover, 106 | ), 107 | ), 108 | margin: const EdgeInsets.only( 109 | left: 60, right: 60, top: 30, bottom: 15), 110 | ), 111 | Row( 112 | mainAxisAlignment: MainAxisAlignment.center, 113 | children: const [ 114 | Icon( 115 | Ionicons.share_social_outline, 116 | size: 30, 117 | color: Colors.white, 118 | ), 119 | SizedBox( 120 | width: 30, 121 | ), 122 | Icon( 123 | Ionicons.ellipsis_vertical_circle_outline, 124 | size: 55, 125 | color: Colors.white, 126 | ), 127 | SizedBox( 128 | width: 30, 129 | ), 130 | Icon( 131 | Ionicons.heart_outline, 132 | size: 30, 133 | color: Colors.white, 134 | ), 135 | ], 136 | ), 137 | Container( 138 | margin: const EdgeInsets.only(left: 15, right: 15), 139 | child: Row( 140 | mainAxisAlignment: MainAxisAlignment.spaceBetween, 141 | children: const [ 142 | Text( 143 | "1.30", 144 | style: TextStyle(color: Colors.white), 145 | ), 146 | Text( 147 | "3.21", 148 | style: TextStyle(color: Colors.white), 149 | ), 150 | ], 151 | ), 152 | ), 153 | const SizedBox( 154 | height: 12, 155 | ), 156 | Container( 157 | margin: const EdgeInsets.only(left: 15, right: 15), 158 | child: Row( 159 | children: [ 160 | Container( 161 | color: Colors.white, 162 | height: 4, 163 | width: 100, 164 | ), 165 | const CircleAvatar( 166 | radius: 5, 167 | backgroundColor: Colors.white, 168 | ), 169 | Expanded( 170 | child: Container( 171 | color: const Color(0xB9A5A5A5), 172 | height: 4, 173 | ), 174 | ), 175 | ], 176 | ), 177 | ), 178 | Container( 179 | margin: const EdgeInsets.only(top: 22), 180 | child: Column( 181 | children: const [ 182 | Text( 183 | "Whatever You Like", 184 | style: TextStyle( 185 | color: Colors.white, fontSize: 25), 186 | ), 187 | SizedBox( 188 | height: 10, 189 | ), 190 | Text( 191 | "T.I -Paper Trail", 192 | style: TextStyle( 193 | color: Colors.white, fontSize: 18), 194 | ), 195 | ], 196 | ), 197 | ), 198 | const SizedBox(height: 20), 199 | Row( 200 | mainAxisAlignment: MainAxisAlignment.center, 201 | children: const [ 202 | Icon( 203 | Ionicons.play_skip_back_outline, 204 | size: 30, 205 | color: Colors.white, 206 | ), 207 | SizedBox( 208 | width: 30, 209 | ), 210 | Icon( 211 | Ionicons.play, 212 | size: 55, 213 | color: Colors.white, 214 | ), 215 | SizedBox( 216 | width: 30, 217 | ), 218 | Icon( 219 | Ionicons.play_skip_forward_outline, 220 | size: 30, 221 | color: Colors.white, 222 | ), 223 | ], 224 | ), 225 | ], 226 | ), 227 | ), 228 | ], 229 | ), 230 | ), 231 | ), 232 | body: SingleChildScrollView( 233 | scrollDirection: Axis.vertical, 234 | child: Column( 235 | mainAxisAlignment: MainAxisAlignment.start, 236 | crossAxisAlignment: CrossAxisAlignment.start, 237 | children: [ 238 | Container( 239 | margin: const EdgeInsets.only(top: 15, left: 20), 240 | child: const Text( 241 | "Your favorite artists", 242 | style: TextStyle( 243 | fontSize: 20, 244 | fontWeight: FontWeight.bold, 245 | color: Colors.black), 246 | ), 247 | ), 248 | Container( 249 | height: 150, 250 | // color: Colors.black, 251 | child: 252 | ListView(scrollDirection: Axis.horizontal, children: const [ 253 | SizedBox( 254 | width: 12, 255 | ), 256 | CircleAvatar( 257 | radius: 55, 258 | backgroundColor: Colors.red, 259 | backgroundImage: AssetImage("images/billie.jpeg"), 260 | ), 261 | SizedBox( 262 | width: 12, 263 | ), 264 | CircleAvatar( 265 | radius: 55, 266 | backgroundColor: Colors.greenAccent, 267 | backgroundImage: AssetImage("images/eminem.jpeg"), 268 | ), 269 | SizedBox( 270 | width: 12, 271 | ), 272 | CircleAvatar( 273 | radius: 55, 274 | backgroundColor: Colors.indigoAccent, 275 | backgroundImage: AssetImage("images/drake.jpg"), 276 | ), 277 | SizedBox( 278 | width: 12, 279 | ), 280 | CircleAvatar( 281 | radius: 55, 282 | backgroundColor: Colors.amber, 283 | backgroundImage: AssetImage("images/sixnine.jpg"), 284 | ), 285 | ]), 286 | ), 287 | 288 | Container( 289 | margin: const EdgeInsets.only(top: 15, left: 20), 290 | child: const Text( 291 | "Made for you", 292 | style: TextStyle( 293 | fontSize: 20, 294 | fontWeight: FontWeight.bold, 295 | color: Colors.black), 296 | ), 297 | ), 298 | Row( 299 | children: [ 300 | Expanded( 301 | child: Column( 302 | mainAxisAlignment: MainAxisAlignment.center, 303 | crossAxisAlignment: CrossAxisAlignment.center, 304 | children: [ 305 | Container( 306 | height: 180, 307 | width: wid, 308 | decoration: const BoxDecoration( 309 | color: Colors.white, 310 | borderRadius: BorderRadius.all(Radius.circular(8)), 311 | image: DecorationImage( 312 | image: AssetImage("images/eminem.jpeg"), 313 | fit: BoxFit.cover, 314 | ), 315 | ), 316 | margin: const EdgeInsets.only( 317 | left: 20, top: 30, bottom: 15), 318 | ), 319 | Container( 320 | // color: Colors.red, 321 | width: double.infinity, 322 | alignment: Alignment.center, 323 | margin: const EdgeInsets.only(left: 24), 324 | child: const Text( 325 | "this is new album from skils and weget ,rbabla ")) 326 | ], 327 | ), 328 | ), 329 | const SizedBox( 330 | width: 10, 331 | ), 332 | Expanded( 333 | child: Column( 334 | children: [ 335 | Container( 336 | height: 180, 337 | width: wid, 338 | decoration: const BoxDecoration( 339 | color: Colors.white, 340 | borderRadius: BorderRadius.all(Radius.circular(8)), 341 | image: DecorationImage( 342 | image: AssetImage("images/billie.jpeg"), 343 | fit: BoxFit.cover, 344 | ), 345 | ), 346 | margin: const EdgeInsets.only( 347 | right: 10, top: 30, bottom: 15), 348 | ), 349 | Container( 350 | // color: Colors.red, 351 | width: double.infinity, 352 | alignment: Alignment.center, 353 | margin: const EdgeInsets.only(right: 18, left: 4), 354 | child: const Text( 355 | "this is new album from skils and weget ,rbabla ")) 356 | ], 357 | ), 358 | ) 359 | ], 360 | ), 361 | Container( 362 | height: 180, 363 | width: 165, 364 | margin: const EdgeInsets.only(left: 24, top: 15), 365 | decoration: const BoxDecoration( 366 | color: Colors.red, 367 | borderRadius: BorderRadius.all(Radius.circular(8)), 368 | image: DecorationImage( 369 | image: AssetImage("images/sixnine.jpg"), 370 | fit: BoxFit.cover, 371 | ), 372 | ), 373 | ), 374 | Container( 375 | // color: Colors.red, 376 | width: 165, 377 | alignment: Alignment.center, 378 | margin: const EdgeInsets.only(left: 35, top: 5), 379 | child: const Text( 380 | "this is new album from skils and weget ,rbabla ")), 381 | const SizedBox( 382 | height: 300, 383 | ) 384 | ], 385 | ), 386 | ), 387 | ); 388 | } 389 | } 390 | -------------------------------------------------------------------------------- /ios/Runner.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 46; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */ = {isa = PBXBuildFile; fileRef = 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */; }; 11 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */ = {isa = PBXBuildFile; fileRef = 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */; }; 12 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 74858FAE1ED2DC5600515810 /* AppDelegate.swift */; }; 13 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FA1CF9000F007C117D /* Main.storyboard */; }; 14 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FD1CF9000F007C117D /* Assets.xcassets */; }; 15 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */; }; 16 | /* End PBXBuildFile section */ 17 | 18 | /* Begin PBXCopyFilesBuildPhase section */ 19 | 9705A1C41CF9048500538489 /* Embed Frameworks */ = { 20 | isa = PBXCopyFilesBuildPhase; 21 | buildActionMask = 2147483647; 22 | dstPath = ""; 23 | dstSubfolderSpec = 10; 24 | files = ( 25 | ); 26 | name = "Embed Frameworks"; 27 | runOnlyForDeploymentPostprocessing = 0; 28 | }; 29 | /* End PBXCopyFilesBuildPhase section */ 30 | 31 | /* Begin PBXFileReference section */ 32 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = GeneratedPluginRegistrant.h; sourceTree = ""; }; 33 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = GeneratedPluginRegistrant.m; sourceTree = ""; }; 34 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = AppFrameworkInfo.plist; path = Flutter/AppFrameworkInfo.plist; sourceTree = ""; }; 35 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = "Runner-Bridging-Header.h"; sourceTree = ""; }; 36 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = AppDelegate.swift; sourceTree = ""; }; 37 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */ = {isa = PBXFileReference; lastKnownFileType = text.xcconfig; name = Release.xcconfig; path = Flutter/Release.xcconfig; sourceTree = ""; }; 38 | 9740EEB21CF90195004384FC /* Debug.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Debug.xcconfig; path = Flutter/Debug.xcconfig; sourceTree = ""; }; 39 | 9740EEB31CF90195004384FC /* Generated.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; name = Generated.xcconfig; path = Flutter/Generated.xcconfig; sourceTree = ""; }; 40 | 97C146EE1CF9000F007C117D /* Runner.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = Runner.app; sourceTree = BUILT_PRODUCTS_DIR; }; 41 | 97C146FB1CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/Main.storyboard; sourceTree = ""; }; 42 | 97C146FD1CF9000F007C117D /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = ""; }; 43 | 97C147001CF9000F007C117D /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = ""; }; 44 | 97C147021CF9000F007C117D /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 45 | /* End PBXFileReference section */ 46 | 47 | /* Begin PBXFrameworksBuildPhase section */ 48 | 97C146EB1CF9000F007C117D /* Frameworks */ = { 49 | isa = PBXFrameworksBuildPhase; 50 | buildActionMask = 2147483647; 51 | files = ( 52 | ); 53 | runOnlyForDeploymentPostprocessing = 0; 54 | }; 55 | /* End PBXFrameworksBuildPhase section */ 56 | 57 | /* Begin PBXGroup section */ 58 | 9740EEB11CF90186004384FC /* Flutter */ = { 59 | isa = PBXGroup; 60 | children = ( 61 | 3B3967151E833CAA004F5970 /* AppFrameworkInfo.plist */, 62 | 9740EEB21CF90195004384FC /* Debug.xcconfig */, 63 | 7AFA3C8E1D35360C0083082E /* Release.xcconfig */, 64 | 9740EEB31CF90195004384FC /* Generated.xcconfig */, 65 | ); 66 | name = Flutter; 67 | sourceTree = ""; 68 | }; 69 | 97C146E51CF9000F007C117D = { 70 | isa = PBXGroup; 71 | children = ( 72 | 9740EEB11CF90186004384FC /* Flutter */, 73 | 97C146F01CF9000F007C117D /* Runner */, 74 | 97C146EF1CF9000F007C117D /* Products */, 75 | ); 76 | sourceTree = ""; 77 | }; 78 | 97C146EF1CF9000F007C117D /* Products */ = { 79 | isa = PBXGroup; 80 | children = ( 81 | 97C146EE1CF9000F007C117D /* Runner.app */, 82 | ); 83 | name = Products; 84 | sourceTree = ""; 85 | }; 86 | 97C146F01CF9000F007C117D /* Runner */ = { 87 | isa = PBXGroup; 88 | children = ( 89 | 97C146FA1CF9000F007C117D /* Main.storyboard */, 90 | 97C146FD1CF9000F007C117D /* Assets.xcassets */, 91 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */, 92 | 97C147021CF9000F007C117D /* Info.plist */, 93 | 1498D2321E8E86230040F4C2 /* GeneratedPluginRegistrant.h */, 94 | 1498D2331E8E89220040F4C2 /* GeneratedPluginRegistrant.m */, 95 | 74858FAE1ED2DC5600515810 /* AppDelegate.swift */, 96 | 74858FAD1ED2DC5600515810 /* Runner-Bridging-Header.h */, 97 | ); 98 | path = Runner; 99 | sourceTree = ""; 100 | }; 101 | /* End PBXGroup section */ 102 | 103 | /* Begin PBXNativeTarget section */ 104 | 97C146ED1CF9000F007C117D /* Runner */ = { 105 | isa = PBXNativeTarget; 106 | buildConfigurationList = 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */; 107 | buildPhases = ( 108 | 9740EEB61CF901F6004384FC /* Run Script */, 109 | 97C146EA1CF9000F007C117D /* Sources */, 110 | 97C146EB1CF9000F007C117D /* Frameworks */, 111 | 97C146EC1CF9000F007C117D /* Resources */, 112 | 9705A1C41CF9048500538489 /* Embed Frameworks */, 113 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */, 114 | ); 115 | buildRules = ( 116 | ); 117 | dependencies = ( 118 | ); 119 | name = Runner; 120 | productName = Runner; 121 | productReference = 97C146EE1CF9000F007C117D /* Runner.app */; 122 | productType = "com.apple.product-type.application"; 123 | }; 124 | /* End PBXNativeTarget section */ 125 | 126 | /* Begin PBXProject section */ 127 | 97C146E61CF9000F007C117D /* Project object */ = { 128 | isa = PBXProject; 129 | attributes = { 130 | LastUpgradeCheck = 1020; 131 | ORGANIZATIONNAME = ""; 132 | TargetAttributes = { 133 | 97C146ED1CF9000F007C117D = { 134 | CreatedOnToolsVersion = 7.3.1; 135 | LastSwiftMigration = 1100; 136 | }; 137 | }; 138 | }; 139 | buildConfigurationList = 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */; 140 | compatibilityVersion = "Xcode 9.3"; 141 | developmentRegion = en; 142 | hasScannedForEncodings = 0; 143 | knownRegions = ( 144 | en, 145 | Base, 146 | ); 147 | mainGroup = 97C146E51CF9000F007C117D; 148 | productRefGroup = 97C146EF1CF9000F007C117D /* Products */; 149 | projectDirPath = ""; 150 | projectRoot = ""; 151 | targets = ( 152 | 97C146ED1CF9000F007C117D /* Runner */, 153 | ); 154 | }; 155 | /* End PBXProject section */ 156 | 157 | /* Begin PBXResourcesBuildPhase section */ 158 | 97C146EC1CF9000F007C117D /* Resources */ = { 159 | isa = PBXResourcesBuildPhase; 160 | buildActionMask = 2147483647; 161 | files = ( 162 | 97C147011CF9000F007C117D /* LaunchScreen.storyboard in Resources */, 163 | 3B3967161E833CAA004F5970 /* AppFrameworkInfo.plist in Resources */, 164 | 97C146FE1CF9000F007C117D /* Assets.xcassets in Resources */, 165 | 97C146FC1CF9000F007C117D /* Main.storyboard in Resources */, 166 | ); 167 | runOnlyForDeploymentPostprocessing = 0; 168 | }; 169 | /* End PBXResourcesBuildPhase section */ 170 | 171 | /* Begin PBXShellScriptBuildPhase section */ 172 | 3B06AD1E1E4923F5004D2608 /* Thin Binary */ = { 173 | isa = PBXShellScriptBuildPhase; 174 | buildActionMask = 2147483647; 175 | files = ( 176 | ); 177 | inputPaths = ( 178 | ); 179 | name = "Thin Binary"; 180 | outputPaths = ( 181 | ); 182 | runOnlyForDeploymentPostprocessing = 0; 183 | shellPath = /bin/sh; 184 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" embed_and_thin"; 185 | }; 186 | 9740EEB61CF901F6004384FC /* Run Script */ = { 187 | isa = PBXShellScriptBuildPhase; 188 | buildActionMask = 2147483647; 189 | files = ( 190 | ); 191 | inputPaths = ( 192 | ); 193 | name = "Run Script"; 194 | outputPaths = ( 195 | ); 196 | runOnlyForDeploymentPostprocessing = 0; 197 | shellPath = /bin/sh; 198 | shellScript = "/bin/sh \"$FLUTTER_ROOT/packages/flutter_tools/bin/xcode_backend.sh\" build"; 199 | }; 200 | /* End PBXShellScriptBuildPhase section */ 201 | 202 | /* Begin PBXSourcesBuildPhase section */ 203 | 97C146EA1CF9000F007C117D /* Sources */ = { 204 | isa = PBXSourcesBuildPhase; 205 | buildActionMask = 2147483647; 206 | files = ( 207 | 74858FAF1ED2DC5600515810 /* AppDelegate.swift in Sources */, 208 | 1498D2341E8E89220040F4C2 /* GeneratedPluginRegistrant.m in Sources */, 209 | ); 210 | runOnlyForDeploymentPostprocessing = 0; 211 | }; 212 | /* End PBXSourcesBuildPhase section */ 213 | 214 | /* Begin PBXVariantGroup section */ 215 | 97C146FA1CF9000F007C117D /* Main.storyboard */ = { 216 | isa = PBXVariantGroup; 217 | children = ( 218 | 97C146FB1CF9000F007C117D /* Base */, 219 | ); 220 | name = Main.storyboard; 221 | sourceTree = ""; 222 | }; 223 | 97C146FF1CF9000F007C117D /* LaunchScreen.storyboard */ = { 224 | isa = PBXVariantGroup; 225 | children = ( 226 | 97C147001CF9000F007C117D /* Base */, 227 | ); 228 | name = LaunchScreen.storyboard; 229 | sourceTree = ""; 230 | }; 231 | /* End PBXVariantGroup section */ 232 | 233 | /* Begin XCBuildConfiguration section */ 234 | 249021D3217E4FDB00AE95B9 /* Profile */ = { 235 | isa = XCBuildConfiguration; 236 | buildSettings = { 237 | ALWAYS_SEARCH_USER_PATHS = NO; 238 | CLANG_ANALYZER_NONNULL = YES; 239 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 240 | CLANG_CXX_LIBRARY = "libc++"; 241 | CLANG_ENABLE_MODULES = YES; 242 | CLANG_ENABLE_OBJC_ARC = YES; 243 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 244 | CLANG_WARN_BOOL_CONVERSION = YES; 245 | CLANG_WARN_COMMA = YES; 246 | CLANG_WARN_CONSTANT_CONVERSION = YES; 247 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 248 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 249 | CLANG_WARN_EMPTY_BODY = YES; 250 | CLANG_WARN_ENUM_CONVERSION = YES; 251 | CLANG_WARN_INFINITE_RECURSION = YES; 252 | CLANG_WARN_INT_CONVERSION = YES; 253 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 254 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 255 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 256 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 257 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 258 | CLANG_WARN_STRICT_PROTOTYPES = YES; 259 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 260 | CLANG_WARN_UNREACHABLE_CODE = YES; 261 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 262 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 263 | COPY_PHASE_STRIP = NO; 264 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 265 | ENABLE_NS_ASSERTIONS = NO; 266 | ENABLE_STRICT_OBJC_MSGSEND = YES; 267 | GCC_C_LANGUAGE_STANDARD = gnu99; 268 | GCC_NO_COMMON_BLOCKS = YES; 269 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 270 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 271 | GCC_WARN_UNDECLARED_SELECTOR = YES; 272 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 273 | GCC_WARN_UNUSED_FUNCTION = YES; 274 | GCC_WARN_UNUSED_VARIABLE = YES; 275 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 276 | MTL_ENABLE_DEBUG_INFO = NO; 277 | SDKROOT = iphoneos; 278 | SUPPORTED_PLATFORMS = iphoneos; 279 | TARGETED_DEVICE_FAMILY = "1,2"; 280 | VALIDATE_PRODUCT = YES; 281 | }; 282 | name = Profile; 283 | }; 284 | 249021D4217E4FDB00AE95B9 /* Profile */ = { 285 | isa = XCBuildConfiguration; 286 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 287 | buildSettings = { 288 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 289 | CLANG_ENABLE_MODULES = YES; 290 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 291 | ENABLE_BITCODE = NO; 292 | INFOPLIST_FILE = Runner/Info.plist; 293 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 294 | PRODUCT_BUNDLE_IDENTIFIER = com.example.deezerMusicClone; 295 | PRODUCT_NAME = "$(TARGET_NAME)"; 296 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 297 | SWIFT_VERSION = 5.0; 298 | VERSIONING_SYSTEM = "apple-generic"; 299 | }; 300 | name = Profile; 301 | }; 302 | 97C147031CF9000F007C117D /* Debug */ = { 303 | isa = XCBuildConfiguration; 304 | buildSettings = { 305 | ALWAYS_SEARCH_USER_PATHS = NO; 306 | CLANG_ANALYZER_NONNULL = YES; 307 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 308 | CLANG_CXX_LIBRARY = "libc++"; 309 | CLANG_ENABLE_MODULES = YES; 310 | CLANG_ENABLE_OBJC_ARC = YES; 311 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 312 | CLANG_WARN_BOOL_CONVERSION = YES; 313 | CLANG_WARN_COMMA = YES; 314 | CLANG_WARN_CONSTANT_CONVERSION = YES; 315 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 316 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 317 | CLANG_WARN_EMPTY_BODY = YES; 318 | CLANG_WARN_ENUM_CONVERSION = YES; 319 | CLANG_WARN_INFINITE_RECURSION = YES; 320 | CLANG_WARN_INT_CONVERSION = YES; 321 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 322 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 323 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 324 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 325 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 326 | CLANG_WARN_STRICT_PROTOTYPES = YES; 327 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 328 | CLANG_WARN_UNREACHABLE_CODE = YES; 329 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 330 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 331 | COPY_PHASE_STRIP = NO; 332 | DEBUG_INFORMATION_FORMAT = dwarf; 333 | ENABLE_STRICT_OBJC_MSGSEND = YES; 334 | ENABLE_TESTABILITY = YES; 335 | GCC_C_LANGUAGE_STANDARD = gnu99; 336 | GCC_DYNAMIC_NO_PIC = NO; 337 | GCC_NO_COMMON_BLOCKS = YES; 338 | GCC_OPTIMIZATION_LEVEL = 0; 339 | GCC_PREPROCESSOR_DEFINITIONS = ( 340 | "DEBUG=1", 341 | "$(inherited)", 342 | ); 343 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 344 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 345 | GCC_WARN_UNDECLARED_SELECTOR = YES; 346 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 347 | GCC_WARN_UNUSED_FUNCTION = YES; 348 | GCC_WARN_UNUSED_VARIABLE = YES; 349 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 350 | MTL_ENABLE_DEBUG_INFO = YES; 351 | ONLY_ACTIVE_ARCH = YES; 352 | SDKROOT = iphoneos; 353 | TARGETED_DEVICE_FAMILY = "1,2"; 354 | }; 355 | name = Debug; 356 | }; 357 | 97C147041CF9000F007C117D /* Release */ = { 358 | isa = XCBuildConfiguration; 359 | buildSettings = { 360 | ALWAYS_SEARCH_USER_PATHS = NO; 361 | CLANG_ANALYZER_NONNULL = YES; 362 | CLANG_CXX_LANGUAGE_STANDARD = "gnu++0x"; 363 | CLANG_CXX_LIBRARY = "libc++"; 364 | CLANG_ENABLE_MODULES = YES; 365 | CLANG_ENABLE_OBJC_ARC = YES; 366 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 367 | CLANG_WARN_BOOL_CONVERSION = YES; 368 | CLANG_WARN_COMMA = YES; 369 | CLANG_WARN_CONSTANT_CONVERSION = YES; 370 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 371 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 372 | CLANG_WARN_EMPTY_BODY = YES; 373 | CLANG_WARN_ENUM_CONVERSION = YES; 374 | CLANG_WARN_INFINITE_RECURSION = YES; 375 | CLANG_WARN_INT_CONVERSION = YES; 376 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 377 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 378 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 379 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 380 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 381 | CLANG_WARN_STRICT_PROTOTYPES = YES; 382 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 383 | CLANG_WARN_UNREACHABLE_CODE = YES; 384 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 385 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 386 | COPY_PHASE_STRIP = NO; 387 | DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym"; 388 | ENABLE_NS_ASSERTIONS = NO; 389 | ENABLE_STRICT_OBJC_MSGSEND = YES; 390 | GCC_C_LANGUAGE_STANDARD = gnu99; 391 | GCC_NO_COMMON_BLOCKS = YES; 392 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 393 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 394 | GCC_WARN_UNDECLARED_SELECTOR = YES; 395 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 396 | GCC_WARN_UNUSED_FUNCTION = YES; 397 | GCC_WARN_UNUSED_VARIABLE = YES; 398 | IPHONEOS_DEPLOYMENT_TARGET = 9.0; 399 | MTL_ENABLE_DEBUG_INFO = NO; 400 | SDKROOT = iphoneos; 401 | SUPPORTED_PLATFORMS = iphoneos; 402 | SWIFT_OPTIMIZATION_LEVEL = "-Owholemodule"; 403 | TARGETED_DEVICE_FAMILY = "1,2"; 404 | VALIDATE_PRODUCT = YES; 405 | }; 406 | name = Release; 407 | }; 408 | 97C147061CF9000F007C117D /* Debug */ = { 409 | isa = XCBuildConfiguration; 410 | baseConfigurationReference = 9740EEB21CF90195004384FC /* Debug.xcconfig */; 411 | buildSettings = { 412 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 413 | CLANG_ENABLE_MODULES = YES; 414 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 415 | ENABLE_BITCODE = NO; 416 | INFOPLIST_FILE = Runner/Info.plist; 417 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 418 | PRODUCT_BUNDLE_IDENTIFIER = com.example.deezerMusicClone; 419 | PRODUCT_NAME = "$(TARGET_NAME)"; 420 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 421 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 422 | SWIFT_VERSION = 5.0; 423 | VERSIONING_SYSTEM = "apple-generic"; 424 | }; 425 | name = Debug; 426 | }; 427 | 97C147071CF9000F007C117D /* Release */ = { 428 | isa = XCBuildConfiguration; 429 | baseConfigurationReference = 7AFA3C8E1D35360C0083082E /* Release.xcconfig */; 430 | buildSettings = { 431 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 432 | CLANG_ENABLE_MODULES = YES; 433 | CURRENT_PROJECT_VERSION = "$(FLUTTER_BUILD_NUMBER)"; 434 | ENABLE_BITCODE = NO; 435 | INFOPLIST_FILE = Runner/Info.plist; 436 | LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks"; 437 | PRODUCT_BUNDLE_IDENTIFIER = com.example.deezerMusicClone; 438 | PRODUCT_NAME = "$(TARGET_NAME)"; 439 | SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h"; 440 | SWIFT_VERSION = 5.0; 441 | VERSIONING_SYSTEM = "apple-generic"; 442 | }; 443 | name = Release; 444 | }; 445 | /* End XCBuildConfiguration section */ 446 | 447 | /* Begin XCConfigurationList section */ 448 | 97C146E91CF9000F007C117D /* Build configuration list for PBXProject "Runner" */ = { 449 | isa = XCConfigurationList; 450 | buildConfigurations = ( 451 | 97C147031CF9000F007C117D /* Debug */, 452 | 97C147041CF9000F007C117D /* Release */, 453 | 249021D3217E4FDB00AE95B9 /* Profile */, 454 | ); 455 | defaultConfigurationIsVisible = 0; 456 | defaultConfigurationName = Release; 457 | }; 458 | 97C147051CF9000F007C117D /* Build configuration list for PBXNativeTarget "Runner" */ = { 459 | isa = XCConfigurationList; 460 | buildConfigurations = ( 461 | 97C147061CF9000F007C117D /* Debug */, 462 | 97C147071CF9000F007C117D /* Release */, 463 | 249021D4217E4FDB00AE95B9 /* Profile */, 464 | ); 465 | defaultConfigurationIsVisible = 0; 466 | defaultConfigurationName = Release; 467 | }; 468 | /* End XCConfigurationList section */ 469 | }; 470 | rootObject = 97C146E61CF9000F007C117D /* Project object */; 471 | } 472 | -------------------------------------------------------------------------------- /panel.dart: -------------------------------------------------------------------------------- 1 | /* 2 | Name: Akshath Jain 3 | Date: 3/18/2019 - 4/2/2020 4 | Purpose: Defines the sliding_up_panel widget 5 | Copyright: © 2020, Akshath Jain. All rights reserved. 6 | Licensing: More information can be found here: https://github.com/akshathjain/sliding_up_panel/blob/master/LICENSE 7 | */ 8 | 9 | import 'package:flutter/gestures.dart'; 10 | import 'package:flutter/material.dart'; 11 | import 'dart:math'; 12 | 13 | import 'package:flutter/physics.dart'; 14 | 15 | enum SlideDirection { 16 | UP, 17 | DOWN, 18 | } 19 | 20 | enum PanelState { OPEN, CLOSED } 21 | 22 | class SlidingUpPanel extends StatefulWidget { 23 | /// The Widget that slides into view. When the 24 | /// panel is collapsed and if [collapsed] is null, 25 | /// then top portion of this Widget will be displayed; 26 | /// otherwise, [collapsed] will be displayed overtop 27 | /// of this Widget. If [panel] and [panelBuilder] are both non-null, 28 | /// [panel] will be used. 29 | final Widget? panel; 30 | 31 | /// WARNING: This feature is still in beta and is subject to change without 32 | /// notice. Stability is not gauranteed. Provides a [ScrollController] and 33 | /// [ScrollPhysics] to attach to a scrollable object in the panel that links 34 | /// the panel position with the scroll position. Useful for implementing an 35 | /// infinite scroll behavior. If [panel] and [panelBuilder] are both non-null, 36 | /// [panel] will be used. 37 | final Widget Function(ScrollController sc)? panelBuilder; 38 | 39 | /// The Widget displayed overtop the [panel] when collapsed. 40 | /// This fades out as the panel is opened. 41 | final Widget? collapsed; 42 | 43 | /// The Widget that lies underneath the sliding panel. 44 | /// This Widget automatically sizes itself 45 | /// to fill the screen. 46 | final Widget? body; 47 | 48 | /// Optional persistent widget that floats above the [panel] and attaches 49 | /// to the top of the [panel]. Content at the top of the panel will be covered 50 | /// by this widget. Add padding to the bottom of the `panel` to 51 | /// avoid coverage. 52 | final Widget? header; 53 | 54 | /// Optional persistent widget that floats above the [panel] and 55 | /// attaches to the bottom of the [panel]. Content at the bottom of the panel 56 | /// will be covered by this widget. Add padding to the bottom of the `panel` 57 | /// to avoid coverage. 58 | final Widget? footer; 59 | 60 | /// The height of the sliding panel when fully collapsed. 61 | final double minHeight; 62 | 63 | /// The height of the sliding panel when fully open. 64 | final double maxHeight; 65 | 66 | /// A point between [minHeight] and [maxHeight] that the panel snaps to 67 | /// while animating. A fast swipe on the panel will disregard this point 68 | /// and go directly to the open/close position. This value is represented as a 69 | /// percentage of the total animation distance ([maxHeight] - [minHeight]), 70 | /// so it must be between 0.0 and 1.0, exclusive. 71 | final double? snapPoint; 72 | 73 | /// A border to draw around the sliding panel sheet. 74 | final Border? border; 75 | 76 | /// If non-null, the corners of the sliding panel sheet are rounded by this [BorderRadiusGeometry]. 77 | final BorderRadiusGeometry? borderRadius; 78 | 79 | /// A list of shadows cast behind the sliding panel sheet. 80 | final List? boxShadow; 81 | 82 | /// The color to fill the background of the sliding panel sheet. 83 | final Color color; 84 | 85 | /// The amount to inset the children of the sliding panel sheet. 86 | final EdgeInsetsGeometry? padding; 87 | 88 | /// Empty space surrounding the sliding panel sheet. 89 | final EdgeInsetsGeometry? margin; 90 | 91 | /// Set to false to not to render the sheet the [panel] sits upon. 92 | /// This means that only the [body], [collapsed], and the [panel] 93 | /// Widgets will be rendered. 94 | /// Set this to false if you want to achieve a floating effect or 95 | /// want more customization over how the sliding panel 96 | /// looks like. 97 | final bool renderPanelSheet; 98 | 99 | /// Set to false to disable the panel from snapping open or closed. 100 | final bool panelSnapping; 101 | 102 | /// If non-null, this can be used to control the state of the panel. 103 | final PanelController? controller; 104 | 105 | /// If non-null, shows a darkening shadow over the [body] as the panel slides open. 106 | final bool backdropEnabled; 107 | 108 | /// Shows a darkening shadow of this [Color] over the [body] as the panel slides open. 109 | final Color backdropColor; 110 | 111 | /// The opacity of the backdrop when the panel is fully open. 112 | /// This value can range from 0.0 to 1.0 where 0.0 is completely transparent 113 | /// and 1.0 is completely opaque. 114 | final double backdropOpacity; 115 | 116 | /// Flag that indicates whether or not tapping the 117 | /// backdrop closes the panel. Defaults to true. 118 | final bool backdropTapClosesPanel; 119 | 120 | /// If non-null, this callback 121 | /// is called as the panel slides around with the 122 | /// current position of the panel. The position is a double 123 | /// between 0.0 and 1.0 where 0.0 is fully collapsed and 1.0 is fully open. 124 | final void Function(double position)? onPanelSlide; 125 | 126 | /// If non-null, this callback is called when the 127 | /// panel is fully opened 128 | final VoidCallback? onPanelOpened; 129 | 130 | /// If non-null, this callback is called when the panel 131 | /// is fully collapsed. 132 | final VoidCallback? onPanelClosed; 133 | 134 | /// If non-null and true, the SlidingUpPanel exhibits a 135 | /// parallax effect as the panel slides up. Essentially, 136 | /// the body slides up as the panel slides up. 137 | final bool parallaxEnabled; 138 | 139 | /// Allows for specifying the extent of the parallax effect in terms 140 | /// of the percentage the panel has slid up/down. Recommended values are 141 | /// within 0.0 and 1.0 where 0.0 is no parallax and 1.0 mimics a 142 | /// one-to-one scrolling effect. Defaults to a 10% parallax. 143 | final double parallaxOffset; 144 | 145 | /// Allows toggling of the draggability of the SlidingUpPanel. 146 | /// Set this to false to prevent the user from being able to drag 147 | /// the panel up and down. Defaults to true. 148 | final bool isDraggable; 149 | 150 | /// Either SlideDirection.UP or SlideDirection.DOWN. Indicates which way 151 | /// the panel should slide. Defaults to UP. If set to DOWN, the panel attaches 152 | /// itself to the top of the screen and is fully opened when the user swipes 153 | /// down on the panel. 154 | final SlideDirection slideDirection; 155 | 156 | /// The default state of the panel; either PanelState.OPEN or PanelState.CLOSED. 157 | /// This value defaults to PanelState.CLOSED which indicates that the panel is 158 | /// in the closed position and must be opened. PanelState.OPEN indicates that 159 | /// by default the Panel is open and must be swiped closed by the user. 160 | final PanelState defaultPanelState; 161 | 162 | SlidingUpPanel( 163 | {Key? key, 164 | this.panel, 165 | this.panelBuilder, 166 | this.body, 167 | this.collapsed, 168 | this.minHeight = 72.0, 169 | this.maxHeight = 620.0, 170 | this.snapPoint, 171 | this.border, 172 | this.borderRadius, 173 | this.boxShadow = const [ 174 | BoxShadow( 175 | blurRadius: 8.0, 176 | color: Color.fromRGBO(0, 0, 0, 0.25), 177 | ) 178 | ], 179 | this.color = Colors.white, 180 | this.padding, 181 | this.margin, 182 | this.renderPanelSheet = true, 183 | this.panelSnapping = true, 184 | this.controller, 185 | this.backdropEnabled = false, 186 | this.backdropColor = Colors.black, 187 | this.backdropOpacity = 0.5, 188 | this.backdropTapClosesPanel = true, 189 | this.onPanelSlide, 190 | this.onPanelOpened, 191 | this.onPanelClosed, 192 | this.parallaxEnabled = false, 193 | this.parallaxOffset = 0.1, 194 | this.isDraggable = true, 195 | this.slideDirection = SlideDirection.UP, 196 | this.defaultPanelState = PanelState.CLOSED, 197 | this.header, 198 | this.footer}) 199 | : assert(panel != null || panelBuilder != null), 200 | assert(0 <= backdropOpacity && backdropOpacity <= 1.0), 201 | assert(snapPoint == null || 0 < snapPoint && snapPoint < 1.0), 202 | super(key: key); 203 | 204 | @override 205 | _SlidingUpPanelState createState() => _SlidingUpPanelState(); 206 | } 207 | 208 | class _SlidingUpPanelState extends State 209 | with SingleTickerProviderStateMixin { 210 | late AnimationController _ac; 211 | late ScrollController _sc; 212 | 213 | bool _scrollingEnabled = false; 214 | VelocityTracker _vt = new VelocityTracker.withKind(PointerDeviceKind.touch); 215 | 216 | bool _isPanelVisible = true; 217 | 218 | @override 219 | void initState() { 220 | super.initState(); 221 | 222 | _ac = new AnimationController( 223 | vsync: this, 224 | duration: const Duration(milliseconds: 300), 225 | value: widget.defaultPanelState == PanelState.CLOSED 226 | ? 0.0 227 | : 1.0 //set the default panel state (i.e. set initial value of _ac) 228 | ) 229 | ..addListener(() { 230 | if (widget.onPanelSlide != null) widget.onPanelSlide!(_ac.value); 231 | 232 | if (widget.onPanelOpened != null && _ac.value == 1.0) 233 | widget.onPanelOpened!(); 234 | 235 | if (widget.onPanelClosed != null && _ac.value == 0.0) 236 | widget.onPanelClosed!(); 237 | }); 238 | 239 | // prevent the panel content from being scrolled only if the widget is 240 | // draggable and panel scrolling is enabled 241 | _sc = new ScrollController(); 242 | _sc.addListener(() { 243 | if (widget.isDraggable && !_scrollingEnabled) _sc.jumpTo(0); 244 | }); 245 | 246 | widget.controller?._addState(this); 247 | } 248 | 249 | @override 250 | Widget build(BuildContext context) { 251 | return Stack( 252 | alignment: widget.slideDirection == SlideDirection.UP 253 | ? Alignment.bottomCenter 254 | : Alignment.topCenter, 255 | children: [ 256 | //make the back widget take up the entire back side 257 | widget.body != null 258 | ? AnimatedBuilder( 259 | animation: _ac, 260 | builder: (context, child) { 261 | return Positioned( 262 | top: widget.parallaxEnabled ? _getParallax() : 0.0, 263 | child: child ?? SizedBox(), 264 | ); 265 | }, 266 | child: Container( 267 | height: MediaQuery.of(context).size.height, 268 | width: MediaQuery.of(context).size.width, 269 | child: widget.body, 270 | ), 271 | ) 272 | : Container(), 273 | 274 | //the backdrop to overlay on the body 275 | !widget.backdropEnabled 276 | ? Container() 277 | : GestureDetector( 278 | onVerticalDragEnd: widget.backdropTapClosesPanel 279 | ? (DragEndDetails dets) { 280 | // only trigger a close if the drag is towards panel close position 281 | if ((widget.slideDirection == SlideDirection.UP 282 | ? 1 283 | : -1) * 284 | dets.velocity.pixelsPerSecond.dy > 285 | 0) _close(); 286 | } 287 | : null, 288 | onTap: widget.backdropTapClosesPanel ? () => _close() : null, 289 | child: AnimatedBuilder( 290 | animation: _ac, 291 | builder: (context, _) { 292 | return Container( 293 | height: MediaQuery.of(context).size.height, 294 | width: MediaQuery.of(context).size.width, 295 | 296 | //set color to null so that touch events pass through 297 | //to the body when the panel is closed, otherwise, 298 | //if a color exists, then touch events won't go through 299 | color: _ac.value == 0.0 300 | ? null 301 | : widget.backdropColor.withOpacity( 302 | widget.backdropOpacity * _ac.value), 303 | ); 304 | }), 305 | ), 306 | 307 | //the actual sliding part 308 | !_isPanelVisible 309 | ? Container() 310 | : _gestureHandler( 311 | child: AnimatedBuilder( 312 | animation: _ac, 313 | builder: (context, child) { 314 | return Container( 315 | height: 316 | _ac.value * (widget.maxHeight - widget.minHeight) + 317 | widget.minHeight, 318 | margin: widget.margin, 319 | padding: widget.padding, 320 | decoration: widget.renderPanelSheet 321 | ? BoxDecoration( 322 | border: widget.border, 323 | borderRadius: widget.borderRadius, 324 | boxShadow: widget.boxShadow, 325 | color: widget.color, 326 | ) 327 | : null, 328 | child: child, 329 | ); 330 | }, 331 | child: Stack( 332 | children: [ 333 | //open panel 334 | Positioned( 335 | top: widget.slideDirection == SlideDirection.UP 336 | ? 0.0 337 | : null, 338 | bottom: widget.slideDirection == SlideDirection.DOWN 339 | ? 0.0 340 | : null, 341 | width: MediaQuery.of(context).size.width - 342 | (widget.margin != null 343 | ? widget.margin!.horizontal 344 | : 0) - 345 | (widget.padding != null 346 | ? widget.padding!.horizontal 347 | : 0), 348 | child: Container( 349 | height: widget.maxHeight, 350 | child: widget.panel != null 351 | ? widget.panel 352 | : widget.panelBuilder!(_sc), 353 | )), 354 | 355 | // header 356 | widget.header != null 357 | ? Positioned( 358 | top: widget.slideDirection == SlideDirection.UP 359 | ? 0.0 360 | : null, 361 | bottom: 362 | widget.slideDirection == SlideDirection.DOWN 363 | ? 0.0 364 | : null, 365 | child: widget.header ?? SizedBox(), 366 | ) 367 | : Container(), 368 | 369 | // footer 370 | widget.footer != null 371 | ? Positioned( 372 | top: widget.slideDirection == SlideDirection.UP 373 | ? null 374 | : 0.0, 375 | bottom: 376 | widget.slideDirection == SlideDirection.DOWN 377 | ? null 378 | : 0.0, 379 | child: widget.footer ?? SizedBox()) 380 | : Container(), 381 | 382 | // collapsed panel 383 | Positioned( 384 | top: widget.slideDirection == SlideDirection.UP 385 | ? 0.0 386 | : null, 387 | bottom: widget.slideDirection == SlideDirection.DOWN 388 | ? 0.0 389 | : null, 390 | width: MediaQuery.of(context).size.width - 391 | (widget.margin != null 392 | ? widget.margin!.horizontal 393 | : 0) - 394 | (widget.padding != null 395 | ? widget.padding!.horizontal 396 | : 0), 397 | child: Container( 398 | height: widget.minHeight, 399 | child: widget.collapsed == null 400 | ? Container() 401 | : FadeTransition( 402 | opacity: 403 | Tween(begin: 1.0, end: 0.0).animate(_ac), 404 | 405 | // if the panel is open ignore pointers (touch events) on the collapsed 406 | // child so that way touch events go through to whatever is underneath 407 | child: IgnorePointer( 408 | ignoring: _isPanelOpen, 409 | child: widget.collapsed), 410 | ), 411 | ), 412 | ), 413 | ], 414 | ), 415 | ), 416 | ), 417 | ], 418 | ); 419 | } 420 | 421 | @override 422 | void dispose() { 423 | _ac.dispose(); 424 | super.dispose(); 425 | } 426 | 427 | double _getParallax() { 428 | if (widget.slideDirection == SlideDirection.UP) 429 | return -_ac.value * 430 | (widget.maxHeight - widget.minHeight) * 431 | widget.parallaxOffset; 432 | else 433 | return _ac.value * 434 | (widget.maxHeight - widget.minHeight) * 435 | widget.parallaxOffset; 436 | } 437 | 438 | // returns a gesture detector if panel is used 439 | // and a listener if panelBuilder is used. 440 | // this is because the listener is designed only for use with linking the scrolling of 441 | // panels and using it for panels that don't want to linked scrolling yields odd results 442 | Widget _gestureHandler({required Widget child}) { 443 | if (!widget.isDraggable) return child; 444 | 445 | if (widget.panel != null) { 446 | return GestureDetector( 447 | onVerticalDragUpdate: (DragUpdateDetails dets) => 448 | _onGestureSlide(dets.delta.dy), 449 | onVerticalDragEnd: (DragEndDetails dets) => 450 | _onGestureEnd(dets.velocity), 451 | child: child, 452 | ); 453 | } 454 | 455 | return Listener( 456 | onPointerDown: (PointerDownEvent p) => 457 | _vt.addPosition(p.timeStamp, p.position), 458 | onPointerMove: (PointerMoveEvent p) { 459 | _vt.addPosition(p.timeStamp, 460 | p.position); // add current position for velocity tracking 461 | _onGestureSlide(p.delta.dy); 462 | }, 463 | onPointerUp: (PointerUpEvent p) => _onGestureEnd(_vt.getVelocity()), 464 | child: child, 465 | ); 466 | } 467 | 468 | // handles the sliding gesture 469 | void _onGestureSlide(double dy) { 470 | // only slide the panel if scrolling is not enabled 471 | if (!_scrollingEnabled) { 472 | if (widget.slideDirection == SlideDirection.UP) 473 | _ac.value -= dy / (widget.maxHeight - widget.minHeight); 474 | else 475 | _ac.value += dy / (widget.maxHeight - widget.minHeight); 476 | } 477 | 478 | // if the panel is open and the user hasn't scrolled, we need to determine 479 | // whether to enable scrolling if the user swipes up, or disable closing and 480 | // begin to close the panel if the user swipes down 481 | if (_isPanelOpen && _sc.hasClients && _sc.offset <= 0) { 482 | setState(() { 483 | if (dy < 0) { 484 | _scrollingEnabled = true; 485 | } else { 486 | _scrollingEnabled = false; 487 | } 488 | }); 489 | } 490 | } 491 | 492 | // handles when user stops sliding 493 | void _onGestureEnd(Velocity v) { 494 | double minFlingVelocity = 365.0; 495 | double kSnap = 8; 496 | 497 | //let the current animation finish before starting a new one 498 | if (_ac.isAnimating) return; 499 | 500 | // if scrolling is allowed and the panel is open, we don't want to close 501 | // the panel if they swipe up on the scrollable 502 | if (_isPanelOpen && _scrollingEnabled) return; 503 | 504 | //check if the velocity is sufficient to constitute fling to end 505 | double visualVelocity = 506 | -v.pixelsPerSecond.dy / (widget.maxHeight - widget.minHeight); 507 | 508 | // reverse visual velocity to account for slide direction 509 | if (widget.slideDirection == SlideDirection.DOWN) 510 | visualVelocity = -visualVelocity; 511 | 512 | // get minimum distances to figure out where the panel is at 513 | double d2Close = _ac.value; 514 | double d2Open = 1 - _ac.value; 515 | double d2Snap = ((widget.snapPoint ?? 3) - _ac.value) 516 | .abs(); // large value if null results in not every being the min 517 | double minDistance = min(d2Close, min(d2Snap, d2Open)); 518 | 519 | // check if velocity is sufficient for a fling 520 | if (v.pixelsPerSecond.dy.abs() >= minFlingVelocity) { 521 | // snapPoint exists 522 | if (widget.panelSnapping && widget.snapPoint != null) { 523 | if (v.pixelsPerSecond.dy.abs() >= kSnap * minFlingVelocity || 524 | minDistance == d2Snap) 525 | _ac.fling(velocity: visualVelocity); 526 | else 527 | _flingPanelToPosition(widget.snapPoint!, visualVelocity); 528 | 529 | // no snap point exists 530 | } else if (widget.panelSnapping) { 531 | _ac.fling(velocity: visualVelocity); 532 | 533 | // panel snapping disabled 534 | } else { 535 | _ac.animateTo( 536 | _ac.value + visualVelocity * 0.16, 537 | duration: Duration(milliseconds: 410), 538 | curve: Curves.decelerate, 539 | ); 540 | } 541 | 542 | return; 543 | } 544 | 545 | // check if the controller is already halfway there 546 | if (widget.panelSnapping) { 547 | if (minDistance == d2Close) { 548 | _close(); 549 | } else if (minDistance == d2Snap) { 550 | _flingPanelToPosition(widget.snapPoint!, visualVelocity); 551 | } else { 552 | _open(); 553 | } 554 | } 555 | } 556 | 557 | void _flingPanelToPosition(double targetPos, double velocity) { 558 | final Simulation simulation = SpringSimulation( 559 | SpringDescription.withDampingRatio( 560 | mass: 1.0, 561 | stiffness: 500.0, 562 | ratio: 1.0, 563 | ), 564 | _ac.value, 565 | targetPos, 566 | velocity); 567 | 568 | _ac.animateWith(simulation); 569 | } 570 | 571 | //--------------------------------- 572 | //PanelController related functions 573 | //--------------------------------- 574 | 575 | //close the panel 576 | Future _close() { 577 | return _ac.fling(velocity: -1.0); 578 | } 579 | 580 | //open the panel 581 | Future _open() { 582 | return _ac.fling(velocity: 1.0); 583 | } 584 | 585 | //hide the panel (completely offscreen) 586 | Future _hide() { 587 | return _ac.fling(velocity: -1.0).then((x) { 588 | setState(() { 589 | _isPanelVisible = false; 590 | }); 591 | }); 592 | } 593 | 594 | //show the panel (in collapsed mode) 595 | Future _show() { 596 | return _ac.fling(velocity: -1.0).then((x) { 597 | setState(() { 598 | _isPanelVisible = true; 599 | }); 600 | }); 601 | } 602 | 603 | //animate the panel position to value - must 604 | //be between 0.0 and 1.0 605 | Future _animatePanelToPosition(double value, 606 | {Duration? duration, Curve curve = Curves.linear}) { 607 | assert(0.0 <= value && value <= 1.0); 608 | return _ac.animateTo(value, duration: duration, curve: curve); 609 | } 610 | 611 | //animate the panel position to the snap point 612 | //REQUIRES that widget.snapPoint != null 613 | Future _animatePanelToSnapPoint( 614 | {Duration? duration, Curve curve = Curves.linear}) { 615 | assert(widget.snapPoint != null); 616 | return _ac.animateTo(widget.snapPoint!, duration: duration, curve: curve); 617 | } 618 | 619 | //set the panel position to value - must 620 | //be between 0.0 and 1.0 621 | set _panelPosition(double value) { 622 | assert(0.0 <= value && value <= 1.0); 623 | _ac.value = value; 624 | } 625 | 626 | //get the current panel position 627 | //returns the % offset from collapsed state 628 | //as a decimal between 0.0 and 1.0 629 | double get _panelPosition => _ac.value; 630 | 631 | //returns whether or not 632 | //the panel is still animating 633 | bool get _isPanelAnimating => _ac.isAnimating; 634 | 635 | //returns whether or not the 636 | //panel is open 637 | bool get _isPanelOpen => _ac.value == 1.0; 638 | 639 | //returns whether or not the 640 | //panel is closed 641 | bool get _isPanelClosed => _ac.value == 0.0; 642 | 643 | //returns whether or not the 644 | //panel is shown/hidden 645 | bool get _isPanelShown => _isPanelVisible; 646 | } 647 | 648 | class PanelController { 649 | _SlidingUpPanelState? _panelState; 650 | 651 | void _addState(_SlidingUpPanelState panelState) { 652 | this._panelState = panelState; 653 | } 654 | 655 | /// Determine if the panelController is attached to an instance 656 | /// of the SlidingUpPanel (this property must return true before any other 657 | /// functions can be used) 658 | bool get isAttached => _panelState != null; 659 | 660 | /// Closes the sliding panel to its collapsed state (i.e. to the minHeight) 661 | Future close() { 662 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 663 | return _panelState!._close(); 664 | } 665 | 666 | /// Opens the sliding panel fully 667 | /// (i.e. to the maxHeight) 668 | Future open() { 669 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 670 | return _panelState!._open(); 671 | } 672 | 673 | /// Hides the sliding panel (i.e. is invisible) 674 | Future hide() { 675 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 676 | return _panelState!._hide(); 677 | } 678 | 679 | /// Shows the sliding panel in its collapsed state 680 | /// (i.e. "un-hide" the sliding panel) 681 | Future show() { 682 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 683 | return _panelState!._show(); 684 | } 685 | 686 | /// Animates the panel position to the value. 687 | /// The value must between 0.0 and 1.0 688 | /// where 0.0 is fully collapsed and 1.0 is completely open. 689 | /// (optional) duration specifies the time for the animation to complete 690 | /// (optional) curve specifies the easing behavior of the animation. 691 | Future animatePanelToPosition(double value, 692 | {Duration? duration, Curve curve = Curves.linear}) { 693 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 694 | assert(0.0 <= value && value <= 1.0); 695 | return _panelState! 696 | ._animatePanelToPosition(value, duration: duration, curve: curve); 697 | } 698 | 699 | /// Animates the panel position to the snap point 700 | /// Requires that the SlidingUpPanel snapPoint property is not null 701 | /// (optional) duration specifies the time for the animation to complete 702 | /// (optional) curve specifies the easing behavior of the animation. 703 | Future animatePanelToSnapPoint( 704 | {Duration? duration, Curve curve = Curves.linear}) { 705 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 706 | assert(_panelState!.widget.snapPoint != null, 707 | "SlidingUpPanel snapPoint property must not be null"); 708 | return _panelState! 709 | ._animatePanelToSnapPoint(duration: duration, curve: curve); 710 | } 711 | 712 | /// Sets the panel position (without animation). 713 | /// The value must between 0.0 and 1.0 714 | /// where 0.0 is fully collapsed and 1.0 is completely open. 715 | set panelPosition(double value) { 716 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 717 | assert(0.0 <= value && value <= 1.0); 718 | _panelState!._panelPosition = value; 719 | } 720 | 721 | /// Gets the current panel position. 722 | /// Returns the % offset from collapsed state 723 | /// to the open state 724 | /// as a decimal between 0.0 and 1.0 725 | /// where 0.0 is fully collapsed and 726 | /// 1.0 is full open. 727 | double get panelPosition { 728 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 729 | return _panelState!._panelPosition; 730 | } 731 | 732 | /// Returns whether or not the panel is 733 | /// currently animating. 734 | bool get isPanelAnimating { 735 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 736 | return _panelState!._isPanelAnimating; 737 | } 738 | 739 | /// Returns whether or not the 740 | /// panel is open. 741 | bool get isPanelOpen { 742 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 743 | return _panelState!._isPanelOpen; 744 | } 745 | 746 | /// Returns whether or not the 747 | /// panel is closed. 748 | bool get isPanelClosed { 749 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 750 | return _panelState!._isPanelClosed; 751 | } 752 | 753 | /// Returns whether or not the 754 | /// panel is shown/hidden. 755 | bool get isPanelShown { 756 | assert(isAttached, "PanelController must be attached to a SlidingUpPanel"); 757 | return _panelState!._isPanelShown; 758 | } 759 | } 760 | --------------------------------------------------------------------------------