[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9176":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":15,"stars7d":15,"stars30d":16,"stars90d":15,"forks30d":15,"starsTrendScore":15,"compositeScore":17,"rankGlobal":9,"rankLanguage":9,"license":18,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":9,"pushedAt":9,"updatedAt":23,"readmeContent":24,"aiSummary":25,"trendingCount":15,"starSnapshotCount":15,"syncStatus":26,"lastSyncTime":27,"discoverSource":28},9176,"flutter-samples","diegoveloper\u002Fflutter-samples","diegoveloper","Flutter Samples",null,"Dart",3211,741,149,3,0,1,60.71,"MIT License",false,"master",true,[],"2026-06-12 04:00:43","# Flutter Samples\n\nYou can follow me on twitter [@diegoveloper](https:\u002F\u002Fwww.twitter.com\u002Fdiegoveloper)\n\n\u003Ca href='https:\u002F\u002Fwww.buymeacoffee.com\u002Fdiegoveloper' target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fwww.buymeacoffee.com\u002Fassets\u002Fimg\u002Fcustom_images\u002Forange_img.png\"\u002F>\u003C\u002Fa>\n\n\n\n\n## Getting Started\nTo build and run this project:\n\n1. Get Flutter [here](https:\u002F\u002Fflutter.dev) if you don't already have it\n2. Clone this repository.\n3. `cd` into the repo folder.\n4. run `flutter run-android` or `flutter run-ios` to build the app.\n\n(Please note that a Mac with XCode is required to build for iOS)\n\n\n\n\n\n\u003Cimg src='https:\u002F\u002Fupload.wikimedia.org\u002Fwikipedia\u002Fcommons\u002Fthumb\u002Fe\u002Fe1\u002FLogo_of_YouTube_%282015-2017%29.svg\u002F502px-Logo_of_YouTube_%282015-2017%29.svg.png' width=\"250\">\n\n[![IMAGE ALT TEXT](http:\u002F\u002Fimg.youtube.com\u002Fvi\u002FbYqeGigTsBw\u002F0.jpg)](http:\u002F\u002Fwww.youtube.com\u002Fwatch?v=bYqeGigTsBw \"diegoveloper\")\n\n\n## FLUTTER SAMPLES\n\n \n | [**Hello Flutter**](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fhello-flutter-eb49e9b27916)      | [**Splash screen in Flutter**](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-splash-screen-9f4e05542548)     | \n|------------|-------------| \n|  \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*Px0kTaFj9fnY2VJdrWGJgA.gif\" width=\"250\"> |  \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*GfM4eb_y_rM6BaAgDYBWZA.gif\" width=\"250\"> |\n\n | [**Fetching & Parsing JSON data**](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-fetching-parsing-json-data-c019ddddaa34)      | [**Persistent Tab bars**](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-persistent-tab-bars-a26220d322bc)     | \n|------------|-------------| \n|  \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*KJKHYTFubWr2vamVczhQ_Q.gif\" width=\"250\"> |  \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*s0gi3k5upbW-o88cgW61gg.gif\"> |  \n\n | [**Collapsing Toolbar - Sliver App Bar**](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-collapsing-toolbar-sliver-app-bar-14b858e87abe)      | [**Shared Element Transitions — Hero**](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-shared-element-transitions-hero-heroes-f1a083cb123a)     | \n|------------|-------------| \n|  \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*xtROWw7cWRrK5b7tPbw2mg.gif\" width=\"250\"> |  \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*IeAD2e0hM_QThzry3v1FMw.gif\" width=\"250\"> |\n\n | [**ScrollController and ScrollNotification**](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-lets-know-the-scrollcontroller-and-scrollnotification-652b2685a4ac)      | [**App Clone - Android Messages**](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-app-clone-android-messages-e4b034a6c893)     | \n|------------|-------------| \n|  \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*_QUSvcpBYYX8v_SiXWpeRA.gif\" width=\"250\"> |  \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*Rb2ATV7nL0lO5K2VcF1NVw.gif\" width=\"250\"> |\n\n| [**Communication between widgets**](https:\u002F\u002Fmedium.com\u002Fflutter-community\u002Fflutter-communication-between-widgets-f5590230df1e)   | Animations  \u002F Foldable Page |\n|--|--|\n| \u003Cimg src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*kIZJa1_i0OcsqymMxk04zA.gif\" width=\"250\"> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002Fe5Xc8eQQCwyF5AoG7U\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter>|\n\n|Animations \u002F List-Detail   | Animations \u002F Circular List\u002F |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FYrquS6qE7hXmAD82Bf\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FiNwDIyUWQ9tDo10tJ6\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter>|\n\n|App Clone \u002F Twitter Profile Clone | [Custom AppBar & SliverAppBar](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-increase-the-power-of-your-appbar-sliverappbar-c4f67c4e076f) |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FJH0WO8BWjl6rxwcols\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FjRwXjfQDEnnMLbrVL1\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter>|\n\n| Animations \u002F Split Widgets  | Animations \u002F Custom Sliver Header |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FfWqRy75Zg5lEtP5qkc\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FJOXClC3XFwHosWAVqX\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter>|\n\n| Menu Navigations \u002F Header Navigation  | Animations \u002F Turn on the light|\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002Ff5SP7mJnO4x9mK4CSv\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FVgSfLeabru2qTerOrp\u002Fgiphy.gif\" width=\"250\">  \u003C\u002Fcenter>|\n\n| Animations \u002F Hide my widgets  | Animations \u002F Menu Exploration |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002Fh4x6fHw65l3KdnDrTi\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FY07CGmYvcNyl9rkgbY\u002Fgiphy.gif\" width=\"250\">\n \u003C\u002Fcenter>\n\n | App Clone \u002F Photo Concept  | App Clone \u002F Movies Concept |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FXybRawN2vj4YV3fhul\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FUuNiEk20TKjn4F4H7a\u002Fgiphy.gif\" width=\"250\">\n \u003C\u002Fcenter>\n\n  | App Clone \u002F Sports Store  | App Clone \u002F Shoes Store  |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FRJn8BMmOzfaW101iS2\u002Fgiphy.gif\" width=\"250\"> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FMeP49gjvFbUDShkzJM\u002Fgiphy.gif\" width=\"250\">\n \u003C\u002Fcenter>\n\n   | App Clone \u002F Album Flow  | App Clone \u002F Credit Cards Concept  |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FemGlZPMbFpkNDrFuO7\u002Fgiphy.gif\" width=\"250\"\u002F> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FUrsStRAMXOT93wwyP2\u002Fgiphy.gif\" width=\"250\"\u002F> \u003C\u002Fcenter>\n\n   | [Custom AppBar & SliverAppBar](https:\u002F\u002Fmedium.com\u002F@diegoveloper\u002Fflutter-sliverappbar-with-stretchy-header-9ca04f316ff0) | [App Clone \u002F Travel Concept Demo](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=VXdpxnjmy0M) |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FQuIvsrhjCr4oPS49qa\u002Fgiphy.gif\" width=\"250\"\u002F> \u003C\u002Fcenter> | \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FgF30YeWCn0Ncf0qxCS\u002Fgiphy.gif\" width=\"250\"\u002F>\n\n   | [Animations \u002F Shrink Top List](https:\u002F\u002Fwww.youtube.com\u002Fwatch?v=becUP_s-KfU) | Animations \u002F Neon Button |\n|--|--|\n| \u003Ccenter> \u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FXFproCCYQ9eDR416g1\u002Fgiphy.gif\" width=\"250\"\u002F> \u003C\u002Fcenter> | \u003Ccenter>\u003Cimg src=\"https:\u002F\u002Fmedia.giphy.com\u002Fmedia\u002FL1W2zwjOZAbVadQU56\u002Fgiphy.gif\" width=\"250\"\u002F> \u003C\u002Fcenter>\n","diegoveloper\u002Fflutter-samples 是一个提供多种 Flutter 示例代码的项目，旨在帮助开发者学习和掌握 Flutter 开发技巧。该项目使用 Dart 语言编写，包含了一系列实用的功能示例，如 JSON 数据获取与解析、持久化标签栏、折叠工具栏、共享元素过渡等。每个示例都配有详细的 Medium 文章链接，方便用户深入理解其实现细节。此项目适用于希望快速上手 Flutter 或者寻找具体功能实现方法的开发者，在实际开发中能够起到很好的参考作用。",2,"2026-06-11 03:21:32","top_language"]