{"post":{"id":"61599323e2f1936f70b27b7f","_id":"61599323e2f1936f70b27b7f","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632662599113/lkeAzmeoWr.gif","__typename":"PostCoverImage"},"slug":"animate-sliverappbars-widgets-when-scrolling","readTime":4,"replyCount":1,"responseCount":1,"brief":"Full-screen:\n\nTOC\n\nGetting Started\nInspecting design\n\"The recipe\"\n\n\nFeeling too long to dig in, so \"Jump to recipe\"!\n\nGetting Started\nLet's start with the above screen first and ignore unimportant things!\nclass MyHomePage extends StatelessWidget {\n ...","subtitle":"Have you ever created something like this?","isFeatured":false,"contributors":[{"_id":"61c2ff4fc0206b3f41f53d4b","name":"Muhammad Vaid","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1640169295773/fK5-_qi6g.jpeg","username":"movaid7","__typename":"User"}],"bookmarked":false,"views":964,"url":"https://thanhle.hashnode.net/animate-sliverappbars-widgets-when-scrolling","totalReactions":6,"title":"Animate SliverAppBar's widgets when scrolling","dateAdded":"2021-10-03T11:25:23.972Z","cuid":"ckub50ziy04xm0gs17kpz66n4","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":"Animate SliverAppBar's widgets when scrolling","description":"","__typename":"SEO"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1633254350454/8fWavYQ1C.gif","__typename":"OpenGraphMetaData"},"author":{"_id":"614ef2137ef2d57e218eeee5","name":"Thanh Le","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632563731883/rhGCMoMOV.png","isPro":false,"username":"thanhle147","__typename":"User","tagline":"I'm a Flutter Developer"},"coAuthors":[],"series":null,"tags":[{"_id":"56744722958ef13879b9507c","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1560841840250/KhofPXnAk.jpeg","name":"Flutter","slug":"flutter","__typename":"Tag"},{"_id":"568a9b8ce4c4e23aef243c1f","logo":null,"name":"Mobile Development","slug":"mobile-development","__typename":"Tag"},{"_id":"56744723958ef13879b95338","logo":null,"name":"animation","slug":"animation","__typename":"Tag"},{"_id":"5d554ad7d386af8d74398b78","logo":null,"name":"scroll","slug":"scroll","__typename":"Tag"},{"_id":"5f08f6a1b0bf5b3c273ea78c","logo":null,"name":"Flutter Widgets","slug":"flutter-widgets","__typename":"Tag"}],"publication":{"_id":"614ef2d394bb297e1aad675d","url":"https://thanhle.hashnode.net","canonicalURL":"https://thanhle.hashnode.net","title":"Thanh Le's Blog","displayTitle":null,"isHeadless":false,"favicon":null,"headerColor":"","metaTags":"","isTeam":false,"domainInfo":{"hashnodeSubdomain":"thanhle","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"61c313a22d88363ed4ea9112","author":{"_id":"61c2ff4fc0206b3f41f53d4b","name":"Muhammad Vaid","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1640169295773/fK5-_qi6g.jpeg","isPro":false,"username":"movaid7","__typename":"User"},"content":{"html":"

I love this animation and guide!

Can't wait to see what you showcase next!!

\n","markdown":"I **love ** this animation and guide! \n\n\nCan't wait to see what you showcase next!!","text":"I love this animation and guide! \nCan't wait to see what you showcase next!!\n","__typename":"Content"},"dateAdded":"2021-12-22T12:01:38.446Z","stamp":"ckxhhjqmk016fess1djgsbpzx","totalReactions":1,"__typename":"Comment","replies":{"edges":[{"node":{"id":"61d5ab869d96c307e0a28e1c","author":{"_id":"614ef2137ef2d57e218eeee5","name":"Thanh Le","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1632563731883/rhGCMoMOV.png","isPro":false,"username":"thanhle147","__typename":"User"},"content":{"html":"

Thanks Muhammad Vaid

I've rather overloaded these past few days, but hey, next article is in my plan

\n","markdown":"Thanks [Muhammad Vaid](@movaid7)\n\nI've rather overloaded these past few days, but hey, next article is in my plan","text":"Thanks Muhammad Vaid\nI've rather overloaded these past few days, but hey, next article is in my plan\n","__typename":"Content"},"dateAdded":"2022-01-05T14:30:30.060Z","stamp":"cky1n13mz046dk0s16v1y90bb","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"61c2ff4fc0206b3f41f53d4b","name":"Muhammad Vaid","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1640169295773/fK5-_qi6g.jpeg","isPro":false,"username":"movaid7","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Animate SliverAppBar's widgets when scrolling

2 comments