Day 20

Author: bastndev

README.md

@@ -4,22 +4,27 @@
 
 learning flutter evry day.
 
-- 💼 Day 14
+- 💼 Day 20
 
-- 📈 [[■■■□□□□□□□] 30%](https://www.tiktok.com/@bastndev)
+- 📈 [[■■■■□□□□□□] 40%](https://www.tiktok.com/@bastndev)
 
 - 💬 Ask me about anything [Here](https://github.com/bastndev/Flutter-ListView-1/issues)
 
 ## Light Mode 📱
 <!--Mockup-->  
   <div align="center"> 
-    <img src="https://github.com/bastndev/Screenshot-Mobile/blob/main/assets/img/on11.png" alt="">
+    <img src="https://github.com/bastndev/Screenshot-Mobile/blob/main/assets/img/lightMode.png" alt="">
   </div>
 
 
 ## Dark Mode 📱
   <div align="center"> 
-    <img src="https://github.com/bastndev/Screenshot-Mobile/blob/main/assets/img/on12.png" alt="">
+    <img src="https://github.com/bastndev/Screenshot-Mobile/blob/main/assets/img/darkMode.png" alt="">
+  </div>
+
+  ## Gif Mode 📱
+  <div align="center"> 
+    <img src="https://github.com/bastndev/Screenshot-Mobile/blob/main/assets/img/allMode.gif" alt="">
   </div>
 
   <img src="https://user-images.githubusercontent.com/73097560/115834477-dbab4500-a447-11eb-908a-139a6edaec5c.gif">

lib/screens/animated_screen.dart

@@ -37,20 +37,21 @@ class _AnimatedScreenState extends State<AnimatedScreen> {
         title: const Text('Animated Container'),
       ),
       body: Center(
-        child: Container(
+        child: AnimatedContainer(
+            duration: const Duration(milliseconds: 500),
             width: _width,
             height: _height,
             decoration: BoxDecoration(
               color: _color,
               borderRadius: _borderRadius,
-            )),
+          )
+        ),
       ),
       floatingActionButton: FloatingActionButton(
-        child: Icon(
-          Icons.play_circle_outline,
-          size: 45,
-        ),
         onPressed: changeShape,
+        child: const Icon(
+          Icons.play_circle_outline,size: 45,
+        ),
       ),
     );
   }