parent
eb7a2772de
commit
1be4f14220
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,33 @@
|
||||
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter_swipable/flutter_swipable.dart';
|
||||
|
||||
class DaflCard extends StatelessWidget {
|
||||
final color;
|
||||
double taille = 0;
|
||||
|
||||
DaflCard({required this.color});
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Swipable(
|
||||
onSwipeLeft: (finalposition){
|
||||
print('dislike');
|
||||
},
|
||||
onSwipeRight: (finalposition){
|
||||
print('like');
|
||||
},
|
||||
onSwipeUp: (finalposition){
|
||||
print('discovery');
|
||||
},
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage(
|
||||
'assets/images/pochette.png'),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
borderRadius: BorderRadius.all(Radius.circular(20))
|
||||
),
|
||||
height: 565,),);
|
||||
}
|
||||
}
|
@ -0,0 +1,13 @@
|
||||
import 'package:flutter/widgets.dart';
|
||||
|
||||
class MyFlutterApp {
|
||||
MyFlutterApp._();
|
||||
|
||||
static const _kFontFam = 'MyFlutterApp';
|
||||
static const String? _kFontPkg = null;
|
||||
|
||||
static const IconData podium = IconData(0xe804, fontFamily: _kFontFam, fontPackage: _kFontPkg);
|
||||
static const IconData podium_outine = IconData(0xe805, fontFamily: _kFontFam, fontPackage: _kFontPkg);
|
||||
static const IconData Spots = IconData(0xe809, fontFamily: _kFontFam, fontPackage: _kFontPkg);
|
||||
static const IconData Spots_outline = IconData(0xe80a, fontFamily: _kFontFam, fontPackage: _kFontPkg);
|
||||
}
|
@ -0,0 +1,40 @@
|
||||
import 'package:daflmusic/mainPage/main_mainpage.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter/services.dart';
|
||||
import 'package:daflmusic/signInPage/main_signIn_page.dart';
|
||||
import 'package:daflmusic/homePage/main_homepage.dart';
|
||||
import 'package:daflmusic/signUpPage/main_signUp_page.dart';
|
||||
|
||||
|
||||
void main() {
|
||||
runApp(const MyApp());
|
||||
}
|
||||
|
||||
class MyApp extends StatelessWidget {
|
||||
const MyApp({super.key});
|
||||
|
||||
// This widget is the root of your application.
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
SystemChrome.setEnabledSystemUIMode(
|
||||
SystemUiMode.immersiveSticky
|
||||
);
|
||||
return MaterialApp(
|
||||
debugShowCheckedModeBanner: false,
|
||||
title: 'Flutter Demo',
|
||||
theme: ThemeData(
|
||||
// This is the theme of your application.
|
||||
//
|
||||
// Try running your application with "flutter run". You'll see the
|
||||
// application has a blue toolbar. Then, without quitting the app, try
|
||||
// changing the primarySwatch below to Colors.green and then invoke
|
||||
// "hot reload" (press "r" in the console where you ran "flutter run",
|
||||
// or simply save your changes to "hot reload" in a Flutter IDE).
|
||||
// Notice that the counter didn't reset back to zero; the application
|
||||
// is not restarted.
|
||||
primarySwatch: Colors.blue,
|
||||
),
|
||||
home: MainHomePage(),
|
||||
);
|
||||
}
|
||||
}
|
@ -0,0 +1,56 @@
|
||||
|
||||
import 'package:daflmusic/icons.dart';
|
||||
import 'package:daflmusic/widgets/spots.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:page_transition/page_transition.dart';
|
||||
import 'package:daflmusic/signInPage/main_signIn_page.dart';
|
||||
import 'package:daflmusic/homePage/main_homepage.dart';
|
||||
import 'package:daflmusic/signUpPage/main_signUp_page.dart';
|
||||
|
||||
class MainMainPage extends StatefulWidget {
|
||||
const MainMainPage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<MainMainPage> createState() => _MainMainPageState();
|
||||
}
|
||||
|
||||
class _MainMainPageState extends State<MainMainPage> {
|
||||
int index = 2;
|
||||
|
||||
final screens = [
|
||||
MainHomePage(),
|
||||
Draggable(child: Container(height: 200 , width: 300, color: Colors.grey,), feedback: Container(height: 200 , width: 300, color: Colors.black,)),
|
||||
Spots(),
|
||||
Center(child: Text('Tops'),),
|
||||
Center(child: Text('Messages'),),
|
||||
];
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
body: screens[index],
|
||||
bottomNavigationBar: NavigationBarTheme(
|
||||
data: NavigationBarThemeData(
|
||||
indicatorColor: Colors.deepPurple,
|
||||
labelTextStyle: MaterialStateProperty.all(
|
||||
TextStyle(fontSize: 12, fontWeight: FontWeight.w400, color: Colors.grey)
|
||||
),
|
||||
),
|
||||
child: NavigationBar(
|
||||
animationDuration: Duration(seconds: 1),
|
||||
selectedIndex: index,
|
||||
onDestinationSelected: (index) =>
|
||||
setState(() => this.index = index),
|
||||
backgroundColor: Color(0xFF232123),
|
||||
destinations: [
|
||||
NavigationDestination(icon: Icon(Icons.person_outline, color: Colors.grey,), label: 'Profil', selectedIcon: Icon(Icons.person, color: Colors.white,),),
|
||||
NavigationDestination(icon: Icon(Icons.bookmark_border, color: Colors.grey,), selectedIcon: Icon(Icons.bookmark, color: Colors.white,), label: 'Discovery'),
|
||||
NavigationDestination(icon: Icon(MyFlutterApp.Spots_outline, color: Colors.grey), selectedIcon: Icon(MyFlutterApp.Spots, color: Colors.white), label: 'Spots',),
|
||||
NavigationDestination(icon: Icon(MyFlutterApp.podium_outine, color: Colors.grey,), label: 'Tops', selectedIcon: Icon(MyFlutterApp.podium, color: Colors.white,),),
|
||||
NavigationDestination(icon: Icon(Icons.mail_outline, color: Colors.grey,), label: 'Messages', selectedIcon: Icon(Icons.email, color: Colors.white,),),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
@ -0,0 +1,113 @@
|
||||
import 'package:daflmusic/dafl_card.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_swipable/flutter_swipable.dart';
|
||||
|
||||
class Spots extends StatefulWidget {
|
||||
const Spots({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
State<Spots> createState() => _SpotsState();
|
||||
}
|
||||
|
||||
class _SpotsState extends State<Spots> {
|
||||
|
||||
List<Widget> pileCarte = <Widget>[
|
||||
DaflCard(color: Colors.red),
|
||||
DaflCard(color: Colors.red),
|
||||
DaflCard(color: Colors.red),
|
||||
DaflCard(color: Colors.red),
|
||||
DaflCard(color: Colors.red),
|
||||
DaflCard(color: Colors.red),
|
||||
DaflCard(color: Colors.red),
|
||||
DaflCard(color: Colors.red),
|
||||
];
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
resizeToAvoidBottomInset: false,
|
||||
backgroundColor: Color(0xFF141414),
|
||||
body: Stack(
|
||||
children: [
|
||||
Image.asset(
|
||||
'assets/images/image_blur.png',
|
||||
height: double.infinity,
|
||||
width: double.infinity,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
ListView(
|
||||
children: [
|
||||
Container(
|
||||
decoration: BoxDecoration(
|
||||
image: DecorationImage(
|
||||
image: AssetImage(
|
||||
'assets/images/pochette.png'),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
borderRadius: BorderRadius.all(Radius.circular(20))
|
||||
),
|
||||
margin: EdgeInsets.fromLTRB(30, 87, 30, 0),
|
||||
height: 565,
|
||||
child: Stack(children:
|
||||
pileCarte,
|
||||
),
|
||||
) ,
|
||||
Container(
|
||||
margin: EdgeInsets.all(30),
|
||||
height: 100,
|
||||
color: Colors.blue,
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(30, 10, 30, 0),
|
||||
height: 100,
|
||||
color: Colors.blue,
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(30, 10, 30, 0),
|
||||
height: 100,
|
||||
color: Colors.blue,
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(30, 10, 30, 0),
|
||||
height: 100,
|
||||
color: Colors.blue,
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(30, 10, 30, 0),
|
||||
height: 100,
|
||||
color: Colors.blue,
|
||||
),
|
||||
Container(
|
||||
margin: EdgeInsets.fromLTRB(30, 10, 30, 0),
|
||||
height: 100,
|
||||
color: Colors.blue,
|
||||
),
|
||||
],
|
||||
),
|
||||
Stack(
|
||||
children: [
|
||||
Container(height: 200,
|
||||
decoration: BoxDecoration(
|
||||
gradient: LinearGradient(
|
||||
colors: [Colors.black, Colors.transparent],
|
||||
begin: Alignment.topCenter,
|
||||
end: Alignment.bottomCenter,
|
||||
)
|
||||
|
||||
),),
|
||||
Padding(padding: EdgeInsets.fromLTRB(20, 60, 0, 0),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('COULEURS',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 20, fontWeight: FontWeight.w800),),
|
||||
Text('Khali',style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(1) ,fontSize: 17, fontWeight: FontWeight.w200),),
|
||||
],
|
||||
),),
|
||||
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
Loading…
Reference in new issue