1- import 'package:day20_3_2/Animations/FadeAnimation .dart' ;
1+ import 'package:animate_do/animate_do .dart' ;
22import 'package:flutter/material.dart' ;
33import 'package:flutter/widgets.dart' ;
44
@@ -14,7 +14,7 @@ class ViewSocks extends StatelessWidget {
1414 left: 0 ,
1515 right: 0 ,
1616 height: mediaQuery.size.height/ 3 ,
17- child: FadeAnimation ( 1.2 , Container (
17+ child: FadeInUp (duration : Duration (milliseconds : 1200 ), child : Container (
1818 padding: EdgeInsets .all (30 ),
1919 decoration: BoxDecoration (
2020 gradient: LinearGradient (
@@ -27,7 +27,7 @@ class ViewSocks extends StatelessWidget {
2727 ),
2828 child: Transform .translate (
2929 offset: Offset (30 , - 30 ),
30- child: FadeAnimation ( 1.3 , Image .asset ('assets/details-page-header.png' ,)),
30+ child: FadeInUp (duration : Duration (milliseconds : 1300 ), child : Image .asset ('assets/details-page-header.png' ,)),
3131 ),
3232 )),
3333 ),
@@ -46,7 +46,7 @@ class ViewSocks extends StatelessWidget {
4646 right: 0 ,
4747 bottom: 0 ,
4848 height: MediaQuery .of (context).size.height / 1.4 ,
49- child: FadeAnimation ( 1.2 , Container (
49+ child: FadeInUp (duration : Duration (milliseconds : 1200 ), child : Container (
5050 padding: const EdgeInsets .all (25.0 ),
5151 decoration: BoxDecoration (
5252 color: Colors .white,
@@ -59,20 +59,20 @@ class ViewSocks extends StatelessWidget {
5959 child: Column (
6060 crossAxisAlignment: CrossAxisAlignment .start,
6161 children: < Widget > [
62- FadeAnimation ( 1.3 , Text ('Ranger Sport' ,
62+ FadeInUp (duration : Duration (milliseconds : 1300 ), child : Text ('Ranger Sport' ,
6363 style: TextStyle (color: Color .fromRGBO (97 , 90 , 90 , .54 ), fontSize: 18 , fontWeight: FontWeight .bold),),
6464 ),
6565 SizedBox (height: 10 ,),
66- FadeAnimation ( 1.3 , Text ("Ankle Men's Athletic Socks" ,
66+ FadeInUp (duration : Duration (milliseconds : 1300 ), child : Text ("Ankle Men's Athletic Socks" ,
6767 style: TextStyle (color: Color .fromRGBO (97 , 90 , 90 , 1 ), fontSize: 23 , fontWeight: FontWeight .bold),),
6868 ),
6969 SizedBox (height: 20 ,),
70- FadeAnimation ( 1.4 , Text ("Ranger sport socks are a fusion of materials of the sturdiest quality and versatile design that suits all purposes. Each pair of Ranger socks is knitted from 100% combed cotton yarn running along a reinforced 2-Ply core polyester based elastic through out the socks." , style: TextStyle (color: Color .fromRGBO (51 , 51 , 51 , 0.54 ), height: 1.4 , fontSize: 18 ,),),
70+ FadeInUp (duration : Duration (milliseconds : 1400 ), child : Text ("Ranger sport socks are a fusion of materials of the sturdiest quality and versatile design that suits all purposes. Each pair of Ranger socks is knitted from 100% combed cotton yarn running along a reinforced 2-Ply core polyester based elastic through out the socks." , style: TextStyle (color: Color .fromRGBO (51 , 51 , 51 , 0.54 ), height: 1.4 , fontSize: 18 ,),),
7171 ),
7272 SizedBox (height: 30 ,),
7373 Row (
7474 children: < Widget > [
75- FadeAnimation ( 1.2 , Container (
75+ FadeInUp (duration : Duration (milliseconds : 1200 ), child : Container (
7676 width: 40 ,
7777 height: 40 ,
7878 padding: EdgeInsets .all (2 ),
@@ -90,7 +90,7 @@ class ViewSocks extends StatelessWidget {
9090 ),
9191 ),
9292 )),
93- FadeAnimation ( 1.3 , Container (
93+ FadeInUp (duration : Duration (milliseconds : 1300 ), child : Container (
9494 width: 25 ,
9595 height: 25 ,
9696 margin: EdgeInsets .symmetric (horizontal: 20 ),
@@ -99,7 +99,7 @@ class ViewSocks extends StatelessWidget {
9999 color: Color .fromRGBO (251 , 53 , 105 , 1 )
100100 ),
101101 )),
102- FadeAnimation ( 1.3 , Container (
102+ FadeInUp (duration : Duration (milliseconds : 1300 ), child : Container (
103103 width: 25 ,
104104 height: 25 ,
105105 decoration: BoxDecoration (
@@ -110,7 +110,7 @@ class ViewSocks extends StatelessWidget {
110110 ],
111111 ),
112112 SizedBox (height: 50 ,),
113- FadeAnimation ( 1.2 , Text ('More option' ,
113+ FadeInUp (duration : Duration (milliseconds : 1200 ), child : Text ('More option' ,
114114 style: TextStyle (color: Color .fromRGBO (97 , 90 , 90 , .54 ), fontSize: 18 , fontWeight: FontWeight .bold),),
115115 ),
116116 SizedBox (height: 20 ,),
@@ -119,12 +119,12 @@ class ViewSocks extends StatelessWidget {
119119 child: ListView (
120120 scrollDirection: Axis .horizontal,
121121 children: < Widget > [
122- FadeAnimation ( 1.3 , AspectRatio (
122+ FadeInUp (duration : Duration (milliseconds : 1300 ), child : AspectRatio (
123123 aspectRatio: 3.2 / 1 ,
124124 child: Container (
125125 padding: EdgeInsets .all (13 ),
126126 decoration: BoxDecoration (
127- border: Border .all (color: Colors .grey[ 300 ] ),
127+ border: Border .all (color: Colors .grey.shade300 ),
128128 borderRadius: BorderRadius .all (Radius .circular (15 ))
129129 ),
130130 child: Row (
@@ -153,13 +153,13 @@ class ViewSocks extends StatelessWidget {
153153 ),
154154 ),
155155 )),
156- FadeAnimation ( 1.4 , AspectRatio (
156+ FadeInUp (duration : Duration (milliseconds : 1400 ), child : AspectRatio (
157157 aspectRatio: 3.2 / 1 ,
158158 child: Container (
159159 margin: EdgeInsets .only (left: 20 ),
160160 padding: EdgeInsets .all (13 ),
161161 decoration: BoxDecoration (
162- border: Border .all (color: Colors .grey[ 300 ] ),
162+ border: Border .all (color: Colors .grey.shade300 ),
163163 borderRadius: BorderRadius .all (Radius .circular (15 ))
164164 ),
165165 child: Row (
@@ -192,13 +192,13 @@ class ViewSocks extends StatelessWidget {
192192 ),
193193 ),
194194 SizedBox (height: 50 ,),
195- FadeAnimation ( 1.5 , Container (
195+ FadeInUp (duration : Duration (milliseconds : 1500 ), child : Container (
196196 height: 60 ,
197197 padding: EdgeInsets .symmetric (horizontal: 40 ),
198198 decoration: BoxDecoration (
199199 boxShadow: [
200200 BoxShadow (
201- color: Colors .grey[ 300 ] ,
201+ color: Colors .grey.shade300 ,
202202 blurRadius: 10 ,
203203 offset: Offset (0 , 10 )
204204 )
0 commit comments