Merge pull request #30 from sumit-coder/ui_work

UI work

Author: sumit-coder

lib/main.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/appwrite_service/auth_service.dart';
 import 'package:help_me_design/providers/component_tab_provider/component_tab_provider.dart';
 import 'package:help_me_design/providers/explore_tab_provider/explore_tab_provider.dart';
@@ -12,7 +13,10 @@ import 'providers/inspiration_tab_provider/inspiration_tab_provider.dart';
 import 'providers/snippet_tab_provider.dart';
 import 'views/screens/home_screen/home_screen.dart';
 
+import 'package:url_strategy/url_strategy.dart';
+
 void main() {
+ setPathUrlStrategy();
  runApp(const MyApp());
 }
 
@@ -26,6 +30,7 @@ class MyApp extends StatefulWidget {
 class _MyAppState extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
+ Animate.restartOnHotReload = true;
  return MultiProvider(
  providers: [
  ChangeNotifierProvider<ThemeManager>(create: (_) => ThemeManager()),

lib/views/screens/tabs/components_tab/widgets/components_view.dart

@@ -182,10 +182,10 @@ class _ComponentViewState extends State<ComponentView> {
  UtilityHelper.toastMessage(message: "Code Updated");
  }
  },
- codeText: activeCollectionData[componentTabProvider.activeComponentViewIndex].data['code'],
+ codeText: activeCollectionData[i].data['code'],
  description: '',
- title: activeCollectionData[componentTabProvider.activeComponentViewIndex].data['title'],
- codeLanguage: activeCollectionData[componentTabProvider.activeComponentViewIndex].data['codeLanguage'],
+ title: activeCollectionData[i].data['title'],
+ codeLanguage: activeCollectionData[i].data['codeLanguage'],
  ),
  )
  ],

lib/views/screens/tabs/explore_tab/explore_tab.dart

@@ -22,6 +22,7 @@ class ExploreView extends StatefulWidget {
 }
 
 class _ExploreViewState extends State<ExploreView> {
+ ScrollController _scrollController = ScrollController();
  @override
  void initState() {
  // TODO: implement initState
@@ -60,13 +61,6 @@ class _ExploreViewState extends State<ExploreView> {
  : "assets/images/explore-poster.png",
  bgPattern: ExploreTabPatternPainter(74, context),
  ),
- // IconButton(
- // onPressed: () {
- // // DatabasesService().getDesignResourcesData();
- // exploreTapProvider.initDesignResourcesData();
- // },
- // icon: const Icon(Icons.abc),
- // ),
  AnimatedSwitcher(
  duration: 500.ms,
  child: exploreTapProvider.showListItemView ? ExploreListItemView() : ExploreListView(),

lib/views/screens/tabs/explore_tab/widgets/explore_list_item_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/providers/explore_tab_provider/explore_tab_provider.dart';
 import 'package:help_me_design/theme/my_design_system.dart';
 import 'package:help_me_design/theme/my_theme.dart';
@@ -40,7 +41,16 @@ class ExploreListItemView extends StatelessWidget {
  title: activeItemData.resourcesList[i].title,
  description: activeItemData.resourcesList[i].description,
  resourceUrl: activeItemData.resourcesList[i].url,
- ),
+ )
+ .animate()
+ .scaleXY(
+ begin: 0.2,
+ alignment: Alignment.bottomLeft,
+ )
+ .then()
+ .saturate(begin: 0, delay: 100.ms, duration: 400.ms)
+ .then()
+ .shakeX(delay: 200.ms, hz: 8, amount: i == 0 ? 4 : 0)
  ],
  ),
  );

lib/views/screens/tabs/explore_tab/widgets/explore_list_view.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:flutter_animate/flutter_animate.dart';
 import 'package:help_me_design/providers/explore_tab_provider/explore_tab_provider.dart';
 import 'package:help_me_design/theme/my_design_system.dart';
 import 'package:help_me_design/theme/my_theme.dart';
@@ -36,7 +37,14 @@ class ExploreListView extends StatelessWidget {
  : designResourcesCollection.data[i].popularResourceUrl,
  resourcesCount: designResourcesCollection.data[i].resourcesCount.toString(),
  title: designResourcesCollection.data[i].title,
- ),
+ )
+ .animate()
+ .scaleXY(
+ begin: 0.2,
+ alignment: Alignment.bottomLeft,
+ )
+ .then()
+ .saturate(begin: 0, delay: 0.ms, duration: 300.ms)
  ],
  ),
  );

lib/views/widgets/container_pattern_painter.dart

@@ -31,7 +31,7 @@ class InspirationTabPatternPainter extends CustomPainter {
 
  @override
  void paint(Canvas canvas, Size size) {
- Crosshatch(
+ TexturePattern(
  bgColor: Colors.transparent,
  fgColor: MyColors.actionColor,
  featuresCount: featuresCount,
@@ -51,7 +51,7 @@ class ComponentsTabPatternPainter extends CustomPainter {
 
  @override
  void paint(Canvas canvas, Size size) {
- TexturePattern(
+ Crosshatch(
  bgColor: Colors.transparent,
  fgColor: MyColors.actionColor,
  featuresCount: featuresCount,

pubspec.lock

@@ -637,6 +637,14 @@ packages:
  url: "https://pub.dev"
  source: hosted
  version: "3.0.6"
+ url_strategy:
+ dependency: "direct main"
+ description:
+ name: url_strategy
+ sha256: "42b68b42a9864c4d710401add17ad06e28f1c1d5500c93b98c431f6b0ea4ab87"
+ url: "https://pub.dev"
+ source: hosted
+ version: "0.2.0"
  vector_math:
  dependency: transitive
  description:

pubspec.yaml

@@ -54,6 +54,7 @@ dependencies:
  file_picker: ^5.3.1
 
  web_scraper: ^0.1.4
+ url_strategy: ^0.2.0
 
 dev_dependencies:
  flutter_test: