{"post":{"id":"6030e645f51caf4448561ccc","_id":"6030e645f51caf4448561ccc","coverImage":{"isPortrait":false,"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1613813984539/u7HOSAPzd.jpeg","__typename":"PostCoverImage"},"slug":"flutter-basics-how-flutter-renders-the-contents-on-the-screen","readTime":12,"replyCount":2,"responseCount":3,"brief":"After reading my previous article in this series, you would be wondering that how actually flutter rebuilds widgets. Every widget has its own build method and they are called often! During a complete rebuild, how much of a performance hit do we encou...","subtitle":"The Widget Tree, Element Tree, and Render Tree Explained!","isFeatured":true,"contributors":[{"_id":"59f129ff2c53e29d4bff5291","name":"Kaima","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1614155737568/E7OFNbkEm.jpeg","username":"kaimaabbes","__typename":"User"},{"_id":"6006ecf1094f2b30301dd9da","name":"NAVNESH RANJAN","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1673975976305/s78MJwIYI.jpeg","username":"Navnesh","__typename":"User"},{"_id":"60337a3072a689446db3fdae","name":"James Miles","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1613986727430/YmqbMFrJX.jpeg","username":"JamesMiles","__typename":"User"}],"bookmarked":false,"views":1509,"url":"https://shashankbiplav.hashnode.net/flutter-basics-how-flutter-renders-the-contents-on-the-screen","totalReactions":141,"title":"Flutter Basics - How Flutter renders the contents on the screen?","dateAdded":"2021-02-20T10:36:53.568Z","cuid":"ckldl7xvq03e6hks1evm75wiv","preferences":{"disableComments":false,"__typename":"PostPreferences"},"__typename":"Post","seo":{"title":null,"description":null,"__typename":"SEO"},"ogMetaData":{"image":"","__typename":"OpenGraphMetaData"},"author":{"_id":"5fd50c6df60e3973bae6b60d","name":"Shashank Biplav","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607797870902/MjEPS8tVp.jpeg","isPro":false,"username":"shashankbiplav","__typename":"User","tagline":"(☕️) ⇒ {CODE};"},"coAuthors":[],"series":{"_id":"600c1683a9a6c21e4fa45dea","slug":"simply-flutter","name":"Simply Flutter","cuid":"ckk9ow2cq05gizjs167vma13u","__typename":"Series"},"tags":[{"_id":"56744722958ef13879b9507c","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1560841840250/KhofPXnAk.jpeg","name":"Flutter","slug":"flutter","__typename":"Tag"},{"_id":"5f08f6a1b0bf5b3c273ea78b","logo":null,"name":"Flutter Examples","slug":"flutter-examples","__typename":"Tag"},{"_id":"5f08f6a1b0bf5b3c273ea78c","logo":null,"name":"Flutter Widgets","slug":"flutter-widgets","__typename":"Tag"}],"publication":{"_id":"5fd50d24f60e3973bae6b622","url":"https://shashankbiplav.hashnode.net","canonicalURL":"https://shashankbiplav.hashnode.net","title":"","displayTitle":"","isHeadless":false,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1610009149036/DO8QK6Twi.png","headerColor":"#213274","metaTags":null,"isTeam":false,"domainInfo":{"hashnodeSubdomain":"shashankbiplav","domain":null,"__typename":"DomainInfo"},"urlPattern":"SIMPLE","__typename":"Publication"},"comments":{"edges":[{"node":{"id":"6030fc5cf51caf4448561e0f","author":{"_id":"6006ecf1094f2b30301dd9da","name":"NAVNESH RANJAN","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1673975976305/s78MJwIYI.jpeg","isPro":false,"username":"Navnesh","__typename":"User"},"content":{"html":"

❤️

\n","markdown":"❤️","text":"❤️\n","__typename":"Content"},"dateAdded":"2021-02-20T12:11:08.681Z","stamp":"ckldol5ag03t6hks15qfxeq1t","totalReactions":7,"__typename":"Comment","replies":{"edges":[],"pageInfo":{"hasNextPage":false,"endCursor":null,"__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"60337c87f51caf4448563f00","author":{"_id":"60337a3072a689446db3fdae","name":"James Miles","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1613986727430/YmqbMFrJX.jpeg","isPro":false,"username":"JamesMiles","__typename":"User"},"content":{"html":"

Nice one, Shashank!

\n","markdown":"Nice one, Shashank!","text":"Nice one, Shashank!\n","__typename":"Content"},"dateAdded":"2021-02-22T09:42:31.564Z","stamp":"cklge5q4r0e30hks12keg1q2l","totalReactions":5,"__typename":"Comment","replies":{"edges":[{"node":{"id":"60338cb5f51caf4448564131","author":{"_id":"5fd50c6df60e3973bae6b60d","name":"Shashank Biplav","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607797870902/MjEPS8tVp.jpeg","isPro":false,"username":"shashankbiplav","__typename":"User"},"content":{"html":"

Thanks James Miles! Glad you liked it😃

\n","markdown":"Thanks @[James Miles](@JamesMiles)! Glad you liked it😃","text":"Thanks James Miles! Glad you liked it😃\n","__typename":"Content"},"dateAdded":"2021-02-22T10:51:33.901Z","stamp":"cklggmido0eklhks163rychms","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"},{"node":{"id":"60360cda0dde8f7722d1f493","author":{"_id":"59f129ff2c53e29d4bff5291","name":"Kaima","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1614155737568/E7OFNbkEm.jpeg","isPro":false,"username":"kaimaabbes","__typename":"User"},"content":{"html":"

Nice post!

\n","markdown":"Nice post!","text":"Nice post!\n","__typename":"Content"},"dateAdded":"2021-02-24T08:22:50.772Z","stamp":"cklj66ykx05vmj6s14ih92qin","totalReactions":3,"__typename":"Comment","replies":{"edges":[{"node":{"id":"6036a6420c99f77f2f8a6292","author":{"_id":"5fd50c6df60e3973bae6b60d","name":"Shashank Biplav","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607797870902/MjEPS8tVp.jpeg","isPro":false,"username":"shashankbiplav","__typename":"User"},"content":{"html":"

Thanks Kaima! Glad you liked it!

\n","markdown":"Thanks @[Kaima](@techiediaries9)! Glad you liked it!","text":"Thanks Kaima! Glad you liked it!\n","__typename":"Content"},"dateAdded":"2021-02-24T19:17:22.844Z","stamp":"ckljtkp3v03vf4fs11i0ybnpw","totalReactions":0,"__typename":"Reply"},"__typename":"CommentReplyEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"MQ==","__typename":"PageInfo"},"__typename":"CommentReplyConnection"}},"__typename":"PostCommentEdge"}],"pageInfo":{"hasNextPage":false,"endCursor":"Mw==","__typename":"PageInfo"},"__typename":"PostCommentConnection"},"commenters":{"edges":[{"node":{"_id":"59f129ff2c53e29d4bff5291","name":"Kaima","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1614155737568/E7OFNbkEm.jpeg","isPro":false,"username":"kaimaabbes","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"6006ecf1094f2b30301dd9da","name":"NAVNESH RANJAN","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1673975976305/s78MJwIYI.jpeg","isPro":false,"username":"Navnesh","__typename":"User"},"__typename":"PostCommenterEdge"},{"node":{"_id":"60337a3072a689446db3fdae","name":"James Miles","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1613986727430/YmqbMFrJX.jpeg","isPro":false,"username":"JamesMiles","__typename":"User"},"__typename":"PostCommenterEdge"}],"__typename":"PostCommenterConnection"}}}

Flutter Basics - How Flutter renders the contents on the screen?

5 comments