Merge pull request #46 from mafreud/animated_positioned

add animated positioned

README.md

@@ -17,6 +17,7 @@ Proximity solves this problem. It enables users to touch and feel widgets so tha
 
 ## Widgets that you can touch and feel
 
+- AnimatedPositioned
 - ReorderableListView
 - Slider
 - Expanded

ios/Runner.xcodeproj/project.pbxproj

@@ -372,7 +372,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.6.0;
+				MARKETING_VERSION = 1.7.0;
 				PRODUCT_BUNDLE_IDENTIFIER = com.flutterproximity;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";
@@ -508,7 +508,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.6.0;
+				MARKETING_VERSION = 1.7.0;
 				PRODUCT_BUNDLE_IDENTIFIER = com.flutterproximity;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";
@@ -538,7 +538,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.6.0;
+				MARKETING_VERSION = 1.7.0;
 				PRODUCT_BUNDLE_IDENTIFIER = com.flutterproximity;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				PROVISIONING_PROFILE_SPECIFIER = "";

lib/app/algolia/algolia_search_index.dart

@@ -1,6 +1,7 @@
 import 'dart:convert';
 
 import 'package:flutter/material.dart';
+import 'package:proximity/app/animated_positioned/animated_positioned_page.dart';
 import 'package:proximity/app/reorderable_list_view/reorderable_list_view_page.dart';
 import 'package:proximity/app/slider/slider_page.dart';
 
@@ -52,6 +53,10 @@ class AlgoliaSearchIndex {
 
   static Widget retrieveWidget(String widgetName) {
     switch (widgetName) {
+      case 'AnimatedPositioned':
+        {
+          return AnimatedPositionedPage();
+        }
       case 'ReorderableListView':
         {
           return ReorderableListViewPage();
@@ -137,6 +142,13 @@ class AlgoliaSearchIndex {
 
 class AlgoliaIndex {
   static final index = [
+    {
+      'name': 'AnimatedPositioned',
+      'description':
+          'Animated version of Positioned which automatically transitions the child\'s position over a given duration whenever the given position changes.',
+      'tag': ['null safety', 'widget', 'video'],
+      'gif': 'assets/gif/animated_positioned.gif'
+    },
     {
       'name': 'ReorderableListView',
       'description':

lib/app/animated_positioned/animated_positioned_page.dart

@@ -0,0 +1,82 @@
+import 'package:flutter/material.dart';
+import 'package:proximity/app/customized_widgets/custom_app_bar.dart';
+import 'package:proximity/constants/proximity_colors.dart';
+
+class AnimatedPositionedPage extends StatefulWidget {
+  @override
+  _AnimatedPositionedPageState createState() => _AnimatedPositionedPageState();
+}
+
+class _AnimatedPositionedPageState extends State<AnimatedPositionedPage> {
+  var selected = false;
+
+  @override
+  Widget build(BuildContext context) {
+    final screenHeight = MediaQuery.of(context).size.height;
+    final screenWidth = MediaQuery.of(context).size.width;
+
+    return Scaffold(
+      appBar: CustomAppBar(
+        title: 'AnimatedPositioned',
+        documentUrl:
+            'https://api.flutter.dev/flutter/widgets/AnimatedPositioned-class.html',
+        videoUrl: 'https://youtu.be/hC3s2YdtWt8',
+      ),
+      body: Center(
+        child: Stack(
+          alignment: Alignment.center,
+          children: [
+            Container(
+              height: screenHeight * 0.6,
+              width: screenWidth * 0.9,
+              color: ProximityColors.secondaryBlue,
+              child: Align(
+                alignment: Alignment.topCenter,
+                child: Padding(
+                  padding: const EdgeInsets.all(20.0),
+                  child: Text(
+                    'Stack Widget',
+                    style: TextStyle(fontSize: 30),
+                  ),
+                ),
+              ),
+            ),
+            Align(
+              alignment: Alignment.center,
+              child: Text(
+                'Rate my app 😆',
+                style: TextStyle(fontSize: screenWidth / 20),
+              ),
+            ),
+            AnimatedPositioned(
+              top: selected ? screenHeight / 3.0 : screenHeight / 2.4,
+              curve: Curves.fastOutSlowIn,
+              duration: const Duration(seconds: 1),
+              child: InkWell(
+                onTap: () {
+                  setState(() {
+                    selected = !selected;
+                  });
+                },
+                child: Material(
+                  elevation: 10,
+                  child: Container(
+                    color: ProximityColors.flutterBlue,
+                    height: screenHeight / 15,
+                    width: screenWidth / 2,
+                    child: Align(
+                      child: Text(
+                        'tap me 🤩',
+                        style: TextStyle(fontSize: 20),
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+}

lib/app/home/home_page.dart

@@ -2,22 +2,10 @@ import 'dart:io';
 
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'package:proximity/app/algolia/algolia_search_index.dart';
-import 'package:proximity/app/align/align_page.dart';
 
 import '../algolia/algolia_page.dart';
-import '../animated_switcher/animated_switcher.dart';
+import '../algolia/algolia_search_index.dart';
 import '../customized_widgets/list_tile_card.dart';
-import '../expansion_panel/expansion_panel_page.dart';
-import '../fractionally_sized_box/fractionally_sized_box.dart';
-import '../indexed_stack/indexed_stack_page.dart';
-import '../physical_model/physical_model.dart';
-import '../rotated_box/rotated_box.dart';
-import '../scrollbar/scrollbar_page.dart';
-import '../search_delegate/search_delegate_page.dart';
-import '../sliver/sliver_page.dart';
-import '../switch_list_tile/switch_list_tile_page.dart';
-import '../table/table_page.dart';
 import '../welcome/welcome_page.dart';
 import 'home_view_model.dart';
 
@@ -54,20 +42,22 @@ class HomePage extends ConsumerWidget {
                 : SizedBox(),
           ],
         ),
-        body: ListView.builder(
-            itemCount: dataList.length,
-            itemBuilder: (context, index) {
-              final widgetData = dataList[index];
-              if (widgetData.name == 'Algolia' && Platform.isAndroid) {
-                return SizedBox();
-              }
-              return ListTileCard(
-                page: AlgoliaSearchIndex.retrieveWidget(widgetData.name),
-                title: widgetData.name,
-                text: widgetData.description,
-                chipList: widgetData.tag,
-                gif: widgetData.gif,
-              );
-            }));
+        body: Scrollbar(
+          child: ListView.builder(
+              itemCount: dataList.length,
+              itemBuilder: (context, index) {
+                final widgetData = dataList[index];
+                if (widgetData.name == 'Algolia' && Platform.isAndroid) {
+                  return SizedBox();
+                }
+                return ListTileCard(
+                  page: AlgoliaSearchIndex.retrieveWidget(widgetData.name),
+                  title: widgetData.name,
+                  text: widgetData.description,
+                  chipList: widgetData.tag,
+                  gif: widgetData.gif,
+                );
+              }),
+        ));
   }
 }

lib/constants/proximity_colors.dart

@@ -0,0 +1,8 @@
+import 'package:flutter/material.dart';
+
+class ProximityColors {
+  static final flutterBlue = Color(0xFF02569B);
+  static final primaryBlue = Color(0xFF0175C2);
+  static final secondaryBlue = Color(0xFF13B9FD);
+  static final googleGray = Color(0xFF202124);
+}

pubspec.yaml

@@ -5,7 +5,7 @@ description: A new Flutter project.
 # pub.dev using `pub publish`. This is preferred for private packages.
 publish_to: "none" # Remove this line if you wish to publish to pub.dev
 
-version: 1.6.0+9
+version: 1.7.0+10
 
 environment:
   sdk: ">=2.12.0 <3.0.0"