{"id":28470610,"url":"https://github.com/octmon/flutter_app_example","last_synced_at":"2026-06-18T18:32:33.949Z","repository":{"id":95362659,"uuid":"176074055","full_name":"OctMon/flutter_app_example","owner":"OctMon","description":"Flutter实用例子","archived":false,"fork":false,"pushed_at":"2019-03-19T07:27:58.000Z","size":212,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-11-10T16:13:26.684Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://www.flutterj.com","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/OctMon.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-03-17T08:18:22.000Z","updated_at":"2019-03-19T07:28:00.000Z","dependencies_parsed_at":null,"dependency_job_id":"62811e90-e5d1-4eda-bcaa-ca83f557ee22","html_url":"https://github.com/OctMon/flutter_app_example","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/OctMon/flutter_app_example","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OctMon%2Fflutter_app_example","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OctMon%2Fflutter_app_example/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OctMon%2Fflutter_app_example/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OctMon%2Fflutter_app_example/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/OctMon","download_url":"https://codeload.github.com/OctMon/flutter_app_example/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/OctMon%2Fflutter_app_example/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34503508,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-18T02:00:06.871Z","response_time":128,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-06-07T09:40:01.871Z","updated_at":"2026-06-18T18:32:33.943Z","avatar_url":"https://github.com/OctMon.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# flutter_app_example\n\nFlutter实用例子\n\n## Getting Started\n\n  这些实用例子课程是从最基础的开始的，但是不是一个小组件一个小部件的教，只要装完flutter的环境的人都适合学习，开发工具用的还是vs Code，当然你们用其他的也可以。\n\n\nflutter教程网送给学员的一句话：  ===\u003e课程还在继续更新~\n\n    （每天进步一点点，无形跨出一大步）\n\n学习方法：\n\n    你们看完教程推荐第一次遍的时候不要直接跟着敲，不然很多思路没有学到，或者没有跟上，第一遍推荐不要加速，不要跟着敲，直接完整看完一遍，和边思考，然后第二遍试着跟着敲，写完一个widget或者void就暂停然后跟着敲一遍出来，第二遍推荐1.5倍速度，\n\n    如果时间允许的话就第三遍直接不看教程直接敲出来试试，只为高效学习，不然思路不对怎么学都很容易忘记，浪费时间。\n\n记录笔记：\n\n    大家有什么觉得比较重要的点可以用云笔记记录，下次写的时候忘记了可以直接拿出来，没有谁是能看一遍就直接完全记住而且多年不忘的，也没有谁是天生就什么都会的。\n\n工作实用例子1：\n\n视频链接：https://www.bilibili.com/video/av44936399/ （免费，禁止倒卖）\n\n01 登陆界面TextField的焦点及动作\n\n02 chip标签系列系列第一个\n\n03 标签chip系列ActionChip\n\n04 标签小勾选中filter chip\n\n05 返回或退出时弹出提示信息\n\n06 实现下拉刷新图片加载(上)\n\n07 实现http接口图片加载(下)\n\n08 左滑删除ListView中Item\n\n09 Widget转化为Image截屏操作\n\n10 去掉水波纹的底部导航栏编写\n\n11 弹出widget覆盖原界面并设定时间\n\n12 常用APP多屏开场介绍页面制作\n\n13 拖动方式重新排序项目序列号\n\n效果演示：\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://camo.githubusercontent.com/ded7bbbf59ada7e0b1614af010f239528b7f5566/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f392f32372f313636313963303163343539346337353f773d33363226683d36343026663d67696626733d323432333834\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"https://camo.githubusercontent.com/be235c75318e65d1febdbdae00806fe354afcd3f/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f31302f31302f313636353964313661343631393964613f773d33313926683d35373226663d67696626733d3239333435\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"https://camo.githubusercontent.com/a7d3b3b936aecce6f30c7fdc47445c3da1cb140e/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f31302f31302f313636353964313062376262623063323f773d33323226683d35373126663d67696626733d3239383838\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/41ac1551883775.gif\" height=\"330\" width=\"190\" \u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://camo.githubusercontent.com/00ca65bdb319f97ffbf0095dba97dbf2f7dc2712/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f392f392f313635626431363463653033613335393f773d33363226683d36343226663d67696626733d353439363239\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"https://camo.githubusercontent.com/8ccc79f4e8d400a27e5f11f01b3fd6b06ae55d94/68747470733a2f2f757365722d676f6c642d63646e2e786974752e696f2f323031382f392f372f313635623334636138323261386635343f773d33363226683d36343226663d67696626733d34363639373431\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/a7401551942812.gif\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/a7401551964804.gif\" height=\"330\" width=\"190\" \u003e\n\u003c/div\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/a7401552035548.gif\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/a7401552049664.gif\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/a7401552113296.gif\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/a7401552127102.gif\" height=\"330\" width=\"190\" \u003e\n\u003c/div\u003e\n\n工作实用例子2：\n\n视频链接：https://www.bilibili.com/video/av46276578/ （免费，禁止倒卖）\n\n01 单屏软件启动动画介绍页面制作\n\n02 AppBar下滑渐变效果制作\n\n效果演示：\n\n\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/a7401552570107.gif\" height=\"330\" width=\"190\" \u003e\n\u003cimg src=\"http://www.flutterj.com/content/uploadfile/201903/a7401552843044.gif\" height=\"330\" width=\"190\" \u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foctmon%2Fflutter_app_example","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foctmon%2Fflutter_app_example","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foctmon%2Fflutter_app_example/lists"}