[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9433":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":17,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":24,"readmeContent":25,"aiSummary":26,"trendingCount":16,"starSnapshotCount":16,"syncStatus":27,"lastSyncTime":28,"discoverSource":29},9433,"flutter_ide","Norbert515\u002Fflutter_ide","Norbert515","A visual editor for Flutter widgets","",null,"Dart",1133,190,60,7,0,1,55.44,"MIT License",false,"master",true,[],"2026-06-12 04:00:44","# The Widget-Maker\n\n![title](docs\u002Fgifs\u002Fmain2.gif)\n\n\u003Ca href=\"https:\u002F\u002Fwww.buymeacoffee.com\u002Fnorbertkozsir\" target=\"_blank\">\u003Cimg src=\"https:\u002F\u002Fcdn.buymeacoffee.com\u002Fbuttons\u002Fdefault-orange.png\" alt=\"Buy Me A Coffee\" style=\"height: 51px !important;width: 217px !important;\" >\u003C\u002Fa>\n\n## State of the project\n\nThe project is currently not maintained by me and the code could probably use a bit\nof refactoring.\n\nThis README is still work in progress.\n\nIf anybody is interested in contributing\u002F forking\u002F using it as a base for another project - feel free!\n\n\n## Features\n\n- Templates\n- Different Canvas sizes\n- Build and \"Play\" (interact with UI) mode\n- Multiple Canvases and instantiation\n- Code Generation\n\n![title](docs\u002Fgifs\u002Fmulti_canvas.gif)\n![title](docs\u002Fgifs\u002Fcode.gif)\n\n## Building \n\nThis is intended to be run using Flutter Desktop or Flutter web. \nFor Desktop, simply switch to the master channel and run:\n```\nflutter run -d [windows|linux|macos]\n```\n\n## The concept\n\nA few words about the code architecture.\n\n\n### Widget-Elements\n\nWidget-Elements play a central part in the Widget-Maker as these are actual widgets\nyou drag around and style. \nThe Widget-Elements can be found under [`lib\u002Fdata\u002Fwidget_elements`](lib\u002Fdata\u002Fwidget_elements).\n\nWidget-Elements form a forth tree (on top of Widgets\u002FRenderObjects and Elements) they include\na lot of meta information.\nWidget-Elements only manage the tree, but not the actual rendering, interaction and modification\nof the widgets, that is up to the widget which is generated by the `generateWidget()` method.\nThose widgets have to mix in `ElementWidgetStateMixin`, that class contains code which handles common UX scenarios\nlike accepting children via drag, or showing a border on selection.\n\n\n#### Making new Widget-Elements\n\nYou certainly can make new Widget-Elements by hand, in fact Widget-Elements such as the `Scaffold`,\n`Row` and more are hand made.\n\nBut a lot of widgets are pretty basic, so instead of copy-pasting the same wrapper code over and over again,\nthere is a generator which does that for you.\n\nTake a look at (lib\u002FData\u002Fwidget_elements\u002Fconfig.yaml and README.md) to get a sense of the schema.\n\nTo generated those widget simply execute the [`lib\u002Fdata\u002Fwidget_elements\u002Fscripts\u002Fbuild.dart`](lib\u002Fdata\u002Fwidget_elements\u002Fscripts\u002Fbuild.dart) file.\nBe sure to be inside the script folder when running that script because it relies on relative paths!\n\n```\ndart build.dart\n```\n\n\n### Properties\n\nThe [`MProperty`](lib\u002Fdata\u002Fproperties\u002Fbasic_properties.dart) is the base class for all properties inside the Widget-Maker.\nEach Widget-Element has a list of properties. These properties reflect the constructor parameters\nof the widgets in code.\nProperties are responsible for providing a way of changing themselves and providing meta information.\n\nFor more information take a look at [lib\u002Fdata\u002Fproperties\u002Fbasic_properties.dart](lib\u002Fdata\u002Fproperties\u002Fbasic_properties.dart) \n\n\n\n## Running the test\n\nNot all tests seem to pass as of now.\n\n```\nflutter test\n```\n\n\n## Website\n\nThe docs folder contains the source for www.widgetmaker.dev\n\n## Donations\n\nFeel free to donate a pizza\u002F coffee :)\n","这是一个用于Flutter小部件的可视化编辑器。项目的核心功能包括模板支持、多种画布尺寸选择、构建与“播放”（即交互式UI预览）模式、多画布实例化以及代码生成功能，允许开发者通过图形界面设计和测试Flutter应用界面。基于Dart语言开发，并利用了Flutter框架的强大能力来实现跨平台兼容性（支持桌面和Web环境）。适合希望提高UI设计效率或寻找更直观方式创建Flutter应用程序界面的开发者使用。尽管目前该项目处于非活跃维护状态，但对于有兴趣贡献代码或以其为基础进行二次开发的技术爱好者来说，仍然是一个有价值的资源。",2,"2026-06-11 03:22:37","top_language"]