DAFLDev
/
dafl_music
6
6
Fork 0
Code Issues 23 Pull Requests Packages Projects 1 Releases Wiki Activity

reglage des transitions entre pages et création de la navbar

Browse Source
Vues_lucas
Lucas Delanier 3 years ago
parent 419f936c41
commit 184808eba7
3 changed files with 68 additions and 76 deletions
Show Stats Download Patch File Download Diff File

133
daflmusic/lib/homePage/main_homepage.dart
Unescape View File

@ -5,10 +5,9 @@ import 'package:page_transition/page_transition.dart';
import 'package:daflmusic/signInPage/main_signIn_page.dart'; import 'package:daflmusic/signInPage/main_signIn_page.dart';
import 'package:daflmusic/homePage/main_homepage.dart'; import 'package:daflmusic/homePage/main_homepage.dart';
import 'package:daflmusic/signUpPage/main_signUp_page.dart'; import 'package:daflmusic/signUpPage/main_signUp_page.dart';
import 'package:animations/animations.dart';
class MainHomePage extends StatefulWidget { class MainHomePage extends StatefulWidget {
const MainHomePage({Key? key}) : super(key: key);
@override @override
State<MainHomePage> createState() => _MainHomePage(); State<MainHomePage> createState() => _MainHomePage();
} }
@ -22,7 +21,7 @@ class _MainHomePage extends State<MainHomePage> {
alignment: AlignmentDirectional.topCenter, alignment: AlignmentDirectional.topCenter,
children: <Widget>[ children: <Widget>[
Image.asset( Image.asset(
'assets/images/background_blur.png', 'assets/images/background.png',
height: double.infinity, height: double.infinity,
width: double.infinity, width: double.infinity,
fit: BoxFit.cover, fit: BoxFit.cover,
@ -34,107 +33,103 @@ class _MainHomePage extends State<MainHomePage> {
Image.asset( Image.asset(
'assets/images/Logo.png', 'assets/images/Logo.png',
width: 250, width: 200,
), ),
GestureDetector( GestureDetector(
child: Container( child: Container(
child: Align( child: Align(
alignment: Alignment.center, alignment: Alignment.center,
child: Text("CONTINUER AVEC SPOTIFY", child: Text("CONTINUER AVEC SPOTIFY",
style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.bold), style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.bold),
textAlign: TextAlign.center, textAlign: TextAlign.center,
),
), ),
), margin: EdgeInsets.fromLTRB(60, 40, 60, 0),
margin: EdgeInsets.fromLTRB(60, 40, 60, 0), height: 55,
height: 55, decoration: BoxDecoration(
decoration: BoxDecoration( color: Color(0xFF24CF5F),
color: Color(0xFF24CF5F), borderRadius: BorderRadius.all(
borderRadius: BorderRadius.all( Radius.circular(15)),
Radius.circular(15)), border: Border.all(
border: Border.all( width: 1.5,
width: 1.5, color: Color(0xFF68F097),
color: Color(0xFF68F097), ),// Set rounded corner radius
),// Set rounded corner radius
), ),
),), ),),
GestureDetector( GestureDetector(
onTap: (){ onTap: (){
Navigator.of(context).push( Navigator.of(context).push(
PageTransition( PageTransition(
type: PageTransitionType.bottomToTop, type: PageTransitionType.rightToLeftJoined,
childCurrent: widget, childCurrent: widget,
duration: Duration(milliseconds: 600),
reverseDuration: Duration(milliseconds: 600),
child: MainSignUpPage()), child: MainSignUpPage()),
); );
}, },
child: Container( child: Container(
child: Align( child: Align(
alignment: Alignment.center, alignment: Alignment.center,
child: Text("S’INSCRIRE MAINTENANT", child: Text("S’INSCRIRE MAINTENANT",
style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w700), style: TextStyle(fontFamily: 'DMSans', color: Colors.white ,fontSize: 17, fontWeight: FontWeight.w700),
textAlign: TextAlign.center, textAlign: TextAlign.center,
),
), ),
), margin: EdgeInsets.fromLTRB(60, 10, 60, 0),
margin: EdgeInsets.fromLTRB(60, 10, 60, 0), width: double.infinity,
width: double.infinity, height: 55,
height: 55, decoration: BoxDecoration(
decoration: BoxDecoration( color: Color(0xFF951DDE),
color: Color(0xFF951DDE), borderRadius: BorderRadius.all(
borderRadius: BorderRadius.all( Radius.circular(15)),
Radius.circular(15)), border: Border.all(
border: Border.all( width: 1.5,
width: 1.5, color: Color(0xFFC656ED),
color: Color(0xFFC656ED), ),// Set rounded corner radius
),// Set rounded corner radius
), ),
),), ),),
SizedBox(height: 220,), SizedBox(height: 220,),
GestureDetector( GestureDetector(
onTap: (){ onTap: (){
Navigator.of(context).push( Navigator.of(context).push(
PageTransition( PageTransition(
type: PageTransitionType.bottomToTopJoined, type: PageTransitionType.rightToLeftJoined,
childCurrent: widget, childCurrent: widget,
duration: Duration(milliseconds: 600),
reverseDuration: Duration(milliseconds: 600),
child: MainSignInPage()), child: MainSignInPage()),
); );
}, },
child: Container( child: Container(
child: Align( child: Align(
alignment: Alignment.center, alignment: Alignment.center,
child: Text("SE CONNECTER", child: Text("SE CONNECTER",
style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.bold), style: TextStyle(color: Colors.white ,fontSize: 17, fontWeight: FontWeight.bold),
textAlign: TextAlign.center, textAlign: TextAlign.center,
),
), ),
), margin: EdgeInsets.fromLTRB(0, 0, 0, 0),
margin: EdgeInsets.fromLTRB(0, 0, 0, 0), width: double.infinity,
width: double.infinity, height: 80,
height: 80, decoration: BoxDecoration(
decoration: BoxDecoration( color: Color(0xFF232123),
color: Color(0xFF232123), border: Border(
border: Border( top: BorderSide(width: 1.5, color: Color(0xFF3C3C3C)),
top: BorderSide(width: 1.5, color: Color(0xFF3C3C3C)), ),// Set rounded corner radius
),// Set rounded corner radius
),
), ),
), ),
),
], ],
), ),
Align( Align(
alignment: Alignment.topRight, alignment: Alignment.topRight,
child: Container( child: Container(
padding: EdgeInsets.fromLTRB(0, 20, 20, 0), padding: EdgeInsets.fromLTRB(0, 20, 20, 0),
child: Text("v1.0", child: Text("v1.0",
style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.5) ,fontSize: 17, fontWeight: FontWeight.w700), style: TextStyle(fontFamily: 'DMSans', color: Colors.white.withOpacity(0.5) ,fontSize: 17, fontWeight: FontWeight.w700),
), ),
) )
), ),
], ],

7
daflmusic/lib/signInPage/main_signIn_page.dart
Unescape View File

@ -1,3 +1,4 @@
import 'package:daflmusic/mainPage/main_mainpage.dart';
import 'package:flutter/cupertino.dart'; import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:daflmusic/signInPage/main_signIn_page.dart'; import 'package:daflmusic/signInPage/main_signIn_page.dart';
@ -167,11 +168,9 @@ class _MainSignInPageState extends State<MainSignInPage> {
onTap: (){ onTap: (){
Navigator.of(context).push( Navigator.of(context).push(
PageTransition( PageTransition(
type: PageTransitionType.topToBottomJoined, type: PageTransitionType.fade,
childCurrent: widget, childCurrent: widget,
duration: Duration(milliseconds: 600), child: MainMainPage()),
reverseDuration: Duration(milliseconds: 600),
child: MainHomePage()),
); );
}, },
child:Ink( child:Ink(

4
daflmusic/lib/signUpPage/main_signUp_page.dart
Unescape View File

@ -236,10 +236,8 @@ class _MainSignUpPageState extends State<MainSignUpPage> {
}); });
Navigator.of(context).push( Navigator.of(context).push(
PageTransition( PageTransition(
type: PageTransitionType.fade, type: PageTransitionType.leftToRightJoined,
childCurrent: widget, childCurrent: widget,
duration: Duration(milliseconds: 600),
reverseDuration: Duration(milliseconds: 600),
child: MainHomePage()), child: MainHomePage()),
); );
}, },

Write Preview
Loading…
Cancel
Save