{"publication":{"__typename":"Publication","id":"60d634cdde92ef110afdccfd","url":"https://dhruvnakum.xyz","canonicalURL":"https://dhruvnakum.xyz","urlPattern":"SIMPLE","title":"Dhruv Nakum","displayTitle":null,"hasBadges":true,"descriptionSEO":"I'm a mobile/web developer 👨‍💻 who loves to build projects and share valuable tips for programmers.\nFollow me for Flutter, React/Next.js, and other awesome tech-related stuff 😉\n","about":{"html":"

I'm a mobile/web developer 👨‍💻 who loves to build projects and share valuable tips for programmers.\nFollow me for Flutter, React/Next.js, and other awesome tech-related stuff 😉

\n","text":"I'm a mobile/web developer 👨‍💻 who loves to build projects and share valuable tips for programmers.\nFollow me for Flutter, React/Next.js, and other awesome tech-related stuff 😉\n","__typename":"Content"},"features":{"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":true,"__typename":"ReadTimeFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":true,"published":null,"draft":null,"__typename":"CustomCSSFeature"},"gptBotCrawling":{"__typename":"GPTBotCrawlingFeature","isEnabled":false},"__typename":"PublicationFeatures"},"metaTags":"","ogMetaData":{"image":null,"__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"60d634b1de92ef110afdcce9","name":"Dhruv Nakum","username":"Dhruv-Nakum","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648902252741/AoHiD8e7F.png"},"preferences":{"__typename":"Preferences","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1637753624766/fZ6HW1zPF.png","darkMode":{"__typename":"DarkModePreferences","logo":"","enabled":true},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"62ffd6cb8bec3d0c4588cf11","label":"Flutter","url":"https://dhruvnakum.xyz/series/flutter","type":"series","series":{"__typename":"Series","id":"612a3f9ffd0bf8636d76bc39"},"page":null},{"__typename":"PublicationNavbarItem","id":"62ffd6d18bec3d0c4588cf19","label":"Widget In Detail","url":"https://dhruvnakum.xyz/series/widget-in-detail","type":"series","series":{"__typename":"Series","id":"610d6a3cb79d6a1136680346"},"page":null},{"__typename":"PublicationNavbarItem","id":"62ffd6d68bec3d0c4588cf21","label":"OOPs in Dart/Flutter","url":"https://dhruvnakum.xyz/series/oops-in-dart-flutter","type":"series","series":{"__typename":"Series","id":"62ffd6788bec3d0c4588cedd"},"page":null},{"__typename":"PublicationNavbarItem","id":"63838df7df107a0ef575216f","label":"Flutter BLoC","url":"https://dhruvnakum.xyz/series/flutter-bloc","type":"series","series":{"__typename":"Series","id":"63838d1abdbd2c06dff6490d"},"page":null},{"__typename":"PublicationNavbarItem","id":"614d59be544e242e0c93feb1","label":"Animation In Flutter","url":"https://dhruvnakum.xyz/series/animation-in-flutter","type":"series","series":{"__typename":"Series","id":"614d59a8097e207c339816c8"},"page":null},{"__typename":"PublicationNavbarItem","id":"6247eefb4b4dde0dc0be61bf","label":"Sponsor This Blog","url":"https://dhruvnakum.xyz/sponsor","type":"link","series":null,"page":null}],"enabledPages":{"__typename":"PagesPreferences","badges":false,"newsletter":true,"members":null},"layout":"magazine","disableFooterBranding":true,"isSubscriptionModalDisabled":false},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648882688963/fqON3-wtl.png","headerColor":"#000000","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"3292112","matomoSiteID":null,"matomoURL":"","gaTrackingID":"UA-204871768-1","gTagManagerID":null,"plausibleAnalyticsEnabled":false,"wmPaymentPointer":"","__typename":"PublicationIntegrations"},"imprintV2":null,"postsCount":{"totalDocuments":76,"__typename":"PublicationPostConnection"},"isTeam":false,"links":{"twitter":"https://twitter.com/dhruv_nakum","instagram":null,"github":"https://github.com/red-star25","website":"https://red-star25.github.io/dhruvnakum/#/dashboard","hashnode":"https://hashnode.com/@Dhruv-Nakum","youtube":null,"dailydev":null,"linkedin":"https://www.linkedin.com/in/dhruv-nakum-4b1054176/","mastodon":null,"facebook":null,"__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"dhruvnakum","domain":{"__typename":"DomainStatus","host":"dhruvnakum.xyz","ready":true},"wwwPrefixedDomain":{"__typename":"DomainStatus","host":"www.dhruvnakum.xyz","ready":false}},"redirectionRules":[],"totalRecommendedPublications":0,"sponsorship":{"content":{"html":"

Hey there! Welcome to my Offical Blog 👋🏻,

I'm Dhruv Nakum, For you, I create articles about Flutter 💙, React.js , Next.js. I create a comprehensive blog about a certain topic where you can learn something new or brush up on what you already know.
\n
I do this as a hobby in addition to my full-time work, and creating blogs like these takes a lot of time. If you enjoy my content and have some spare cash 💵, please consider leaving me a modest tip.
\n
What is the best way for you to support me?
\n
- To support me, go to the top of this page and click the \"Sponsor Me\" button. Or you can just visit any blog and there you will see a \"Sponsor\" button.
- If you want to give me a cup of coffee ☕, please do so.
\n

Thank you for your sponsorship and support!

Enjoy reading articles on my Blog
\n
I also share interesting stuff related to development on LinkedIn and Twitter. Follow me there for the latest updates.
\n

\n","markdown":"## Hey there! Welcome to my Offical Blog 👋🏻, \n\n- I'm Dhruv Nakum, For you, I create articles about **Flutter 💙**, **React.js **, **Next.js**. I create a comprehensive blog about a certain topic where you can learn something new or brush up on what you already know.\n\n- I do this as a hobby in addition to my full-time work, and creating blogs like these takes a lot of time. If you enjoy my content and have some spare cash 💵, please consider leaving me a modest tip.\n\n- What is the best way for you to support me?\n - To support me, go to the top of this page and click the \"Sponsor Me\" button. Or you can just visit any blog and there you will see a \"Sponsor\" button.\n - If you want to give me a cup of coffee ☕, please do so.\n\n### Thank you for your sponsorship and support!\n- #### Enjoy reading articles on my [Blog](https://dhruvnakum.xyz/)\n- #### I also share interesting stuff related to development on [LinkedIn](https://www.linkedin.com/in/dhruv-nakum-4b1054176/) and [Twitter](https://twitter.com/dhruv_nakum). Follow me there for the latest updates.","__typename":"Content"},"stripe":{"connected":true,"accountId":"acct_1KjzzUSHSshZ9VUA","country":"IN","__typename":"StripeConfiguration"},"__typename":"PublicationSponsorship"},"pro":{"hasProAccess":false,"__typename":"PublicationProInfo"},"allowContributorEdits":true,"series":{"id":"614d59a8097e207c339816c8","name":"Animation In Flutter","coverImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632459165194/L6KZFkQf-.png","slug":"animation-in-flutter","description":null,"cuid":"cktxw1lzf00m8j7s1evan1n0p","author":{"id":"60d634b1de92ef110afdcce9","name":"Dhruv Nakum","username":"Dhruv-Nakum","__typename":"User"},"posts":{"edges":[{"node":{"__typename":"Post","id":"615fdd25b945c81a907cfb35","title":"Animation In Flutter: AnimatedList","slug":"animation-in-flutter-animatedlist","publishedAt":"2021-10-08T05:54:45.687Z","cuid":"ckuhyf1kx0d2v8ws1bshcej2v","url":"https://dhruvnakum.xyz/animation-in-flutter-animatedlist","subtitle":"Animate The Item of The List when Inserted / Deleted.","brief":"A List is highly important in any application. It may be a list of people, a list of menu items, a list of to-do items, a list of games, and so on.\nAnd, of course, if there is a List, it can also conduct Insertion and Deletion of an item. For exampl...","readTimeInMinutes":4,"views":3255,"author":{"__typename":"User","id":"60d634b1de92ef110afdcce9","username":"Dhruv-Nakum","name":"Dhruv Nakum","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648902252741/AoHiD8e7F.png","followersCount":4304},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1633615422872/8ZUvFaWDv.gif","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjE1ZmRkMjViOTQ1YzgxYTkwN2NmYjM1XzIwMjEtMTAtMDhUMDU6NTQ6NDUuNjg3Wg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"615d33b3e16040649ad7e30d","title":"Animation In Flutter: Staggered / Sequence Animation","slug":"animation-in-flutter-staggered-sequence-animations","publishedAt":"2021-10-06T05:27:15.101Z","cuid":"ckuf2jyma01bxves19yb8g8i8","url":"https://dhruvnakum.xyz/animation-in-flutter-staggered-sequence-animations","subtitle":"What is Staggered animation? How to animate more than one widget in Sequential order?","brief":"🏀 Introduction\n\nWe've seen Implicit and Explicit animations up to this point. How to use Tween, CurvedAnimation, and the Animation class to make a custom animation.\nWe've shown how to animate several widgets at the same time. However, many times we ...","readTimeInMinutes":4,"views":573,"author":{"__typename":"User","id":"60d634b1de92ef110afdcce9","username":"Dhruv-Nakum","name":"Dhruv Nakum","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648902252741/AoHiD8e7F.png","followersCount":4304},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1633498734575/2sNjqoFn7.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjE1ZDMzYjNlMTYwNDA2NDlhZDdlMzBkXzIwMjEtMTAtMDZUMDU6Mjc6MTUuMTAxWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"615a8718e2f1936f70b28e47","title":"Animation In Flutter: AnimatedContainer","slug":"animation-in-flutter-animatedcontainer","publishedAt":"2021-10-04T04:46:16.441Z","cuid":"ckuc67k8i0c2g0gs1b4tu9bpt","url":"https://dhruvnakum.xyz/animation-in-flutter-animatedcontainer","subtitle":"What is AnimatedContainer? What is the best way to make a Container animate?","brief":"We've seen how to make Explicit animation with the Animation class, Tween animation, and CurvedAnimation in previous tutorials.\nWe've also tweaked the bouncing effect in our bouncing ball example to make it look more realistic.\nPrevious Article Anima...","readTimeInMinutes":4,"views":814,"author":{"__typename":"User","id":"60d634b1de92ef110afdcce9","username":"Dhruv-Nakum","name":"Dhruv Nakum","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648902252741/AoHiD8e7F.png","followersCount":4304},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1633322483849/h9pQNsCS6.gif","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjE1YTg3MThlMmYxOTM2ZjcwYjI4ZTQ3XzIwMjEtMTAtMDRUMDQ6NDY6MTYuNDQxWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"615545d5414f78089df3de52","title":"Animation In Flutter: Animation Class, Tween & CurvedAnimation","slug":"animation-in-flutter-animation-class-tween-and-curvedanimation","publishedAt":"2021-09-30T05:06:29.952Z","cuid":"cku6h65vh0o4pp9s19j43a2uv","url":"https://dhruvnakum.xyz/animation-in-flutter-animation-class-tween-and-curvedanimation","subtitle":"How to create custom animation? What exactly is Animation class? What is Tween animation? CurvedAnimation: What is it and How to use it?","brief":"In the previous article, we saw how to use AnimationController to control our animation. We will further customize our basketball animation in this article.\nThe following is an example of our earlier animation:\n\nBecause of the lack of a smooth bounci...","readTimeInMinutes":6,"views":1974,"author":{"__typename":"User","id":"60d634b1de92ef110afdcce9","username":"Dhruv-Nakum","name":"Dhruv Nakum","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648902252741/AoHiD8e7F.png","followersCount":4304},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632901351517/GiVNSCKZM.gif","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjE1NTQ1ZDU0MTRmNzgwODlkZjNkZTUyXzIwMjEtMDktMzBUMDU6MDY6MjkuOTUyWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"6152ab4f414f78089df39d9d","title":"Animation In Flutter: AnimationController","slug":"animation-in-flutter-animationcontroller","publishedAt":"2021-09-28T05:42:39.193Z","cuid":"cku3nkyfm0073p9s1f3cyekoc","url":"https://dhruvnakum.xyz/animation-in-flutter-animationcontroller","subtitle":"Get more control over the animation","brief":"In Flutter, we have basically two types of animation: Implicit, and Explicit.\nThe Implicit animations are the pre-built animations available in the Fluter SDK.\nThe Explicit animations need a controller to perform an animation.\nThe previous two articl...","readTimeInMinutes":4,"views":788,"author":{"__typename":"User","id":"60d634b1de92ef110afdcce9","username":"Dhruv-Nakum","name":"Dhruv Nakum","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648902252741/AoHiD8e7F.png","followersCount":4304},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632737471176/aRXa9ix86.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjE1MmFiNGY0MTRmNzgwODlkZjM5ZDlkXzIwMjEtMDktMjhUMDU6NDI6MzkuMTkzWg==","__typename":"PostEdge"},{"node":{"__typename":"Post","id":"614ffed794bb297e1aad7a64","title":"Animation In Flutter: AnimatedCrossFade","slug":"animation-in-flutter-animatedcrossfade","publishedAt":"2021-09-26T05:02:15.959Z","cuid":"cku0r9b8o0c54wqs1bthb7a9l","url":"https://dhruvnakum.xyz/animation-in-flutter-animatedcrossfade","subtitle":"Fade animation between two different widgets and their sizes.","brief":"AnimatedCrossFade\n\nConsider a scenario, where you want to replace a current widget with a new widget. \nFor example, you have an app where there are different types of posts. And you want to blur/just place a widget on top of that post saying \"This po...","readTimeInMinutes":4,"views":791,"author":{"__typename":"User","id":"60d634b1de92ef110afdcce9","username":"Dhruv-Nakum","name":"Dhruv Nakum","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1648902252741/AoHiD8e7F.png","followersCount":4304},"coverImage":{"__typename":"PostCoverImage","url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632470909433/_P-5LLLi2.png","isPortrait":false,"isAttributionHidden":false}},"cursor":"NjE0ZmZlZDc5NGJiMjk3ZTFhYWQ3YTY0XzIwMjEtMDktMjZUMDU6MDI6MTUuOTU5Wg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjE0ZmZlZDc5NGJiMjk3ZTFhYWQ3YTY0XzIwMjEtMDktMjZUMDU6MDI6MTUuOTU5Wg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"SeriesPostConnection"},"__typename":"Series"}}}

Hey there! Welcome to my Offical Blog 👋🏻,

Thank you for your sponsorship and support!

Enjoy reading articles on my Blog

I also share interesting stuff related to development on LinkedIn and Twitter. Follow me there for the latest updates.