[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9121":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":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":21,"hasPages":19,"topics":22,"createdAt":10,"pushedAt":10,"updatedAt":28,"readmeContent":29,"aiSummary":30,"trendingCount":16,"starSnapshotCount":16,"syncStatus":31,"lastSyncTime":32,"discoverSource":33},9121,"FlutterScreens","samarthagarwal\u002FFlutterScreens","samarthagarwal","A collection of Screens and attractive UIs built with Flutter ready to be used in your applications. No external libraries are used. Just download, add to your project and use.","",null,"Dart",6020,1362,187,7,0,6,63,false,"master",true,[23,24,25,26,27],"dart","dartlang","flutter","flutter-apps","flutter-widget","2026-06-12 04:00:43","# Flutter Screens\n\nA collection of Login Screens, Buttons, Loaders and Widgets with attractive UIs, built with Flutter, ready to be used in your applications.\n\n###### Last Update: Added SlideListView Widget\n\n## Screenshots And Usage\n\n## SlideListView\n\nA widget that can be used to present two different views that can be toggled using a Floating Action Button. The views toggle with a nice cube-rotation animation.\n\n![Screenshots on iOS](.\u002Fscreenshots\u002Fslide_list_view.gif)\n\n## Rating\n\n![Screenshots on iOS](.\u002Fscreenshots\u002Frating.gif)\n\n## Loaders\n\n![Screenshots on iOS](.\u002Fscreenshots\u002Floaders.gif)\n\n#### ColorLoaders\n\n| ![Screenshot](.\u002Fscreenshots\u002Fcolor_loader.gif) Color Loader 1 | ![Screenshot](.\u002Fscreenshots\u002Fcolor_loader_2.gif) Color Loader 2 | ![Screenshot](.\u002Fscreenshots\u002Fcolor_loader_3.gif) Color Loader 3 |\n|-----------------------------------------------|-----------------------------------------------|-----------------------------------------------|\n| ![Screenshot](.\u002Fscreenshots\u002Fcolor_loader_4.gif) Color Loader 4 | ![Screenshot](.\u002Fscreenshots\u002Fcolor_loader_5.gif) Color Loader 5 |                                               |\n\n#### FlipLoaders\n_Example #1_\n```\nFlipLoader(\n  loaderBackground: Colors.red,\n  iconColor: Colors.white,\n  icon: Icons.email,\n  animationType: \"full_flip\"),\n```\n_Example #2_\n```\nFlipLoader(\n  loaderBackground: Colors.blueAccent,\n  iconColor: Colors.orangeAccent,\n  icon: Icons.subway,\n  animationType: \"half_flip\",\n  rotateIcon: true,\n),\n```\n_Example #3_\n```\nFlipLoader(\n  loaderBackground: Colors.green,\n  iconColor: Colors.white,\n  icon: Icons.wifi,\n  animationType: \"half_flip\",\n  shape: \"circle\",\n  rotateIcon: false,\n),\n```\n___\n###### I am working on more loaders. These loaders will also be updated. Thanks to [jakeleveroni](https:\u002F\u002Fgithub.com\u002Fjakeleveroni) for parameterizing the FlipLoader. \n___\n\n## Buttons\n\n![Screenshots on iOS](.\u002Fscreenshots\u002Fbuttons1.png)\n\n\n#### Simple Round Button\n\n```\nSimpleRoundButton(\n    backgroundColor: Colors.redAccent,\n    buttonText: Text(\"LOGIN\", \n        style: TextStyle(\n            color: Colors.white\n        ),\n    ),\n    textColor: Colors.white,\n)\n```\n\n#### Simple Round Icon Button \n\n```\nSimpleRoundIconButton(\n    backgroundColor: Colors.orangeAccent,\n    buttonText: Text(\"SEND EMAIL\", \n        style: TextStyle(\n            color: Colors.white\n        ),\n    ),        \n    textColor: Colors.white,\n    icon: Icon(Icons.email),\n)\n```\n\n#### Simple Round Icon Only Button \n```\nSimpleRoundOnlyIconButton(\n  backgroundColor: Colors.blueAccent,\n  icon: Icon(Icons.phone),\n  iconAlignment: Alignment.center,\n)\n```\n___\n## Login Screens\n\n### Login Screen 1\n\n![Screenshots on Android and iOS](.\u002Fscreenshots\u002Flogin_screen_1.png)\n\n##### Usage\n\n```\nContainer(\n\tchild: LoginScreen1(\n\tprimaryColor: Color(0xFF4aa0d5),\n\tbackgroundColor: Colors.white,\n\tbackgroundImage: new AssetImage(\"assets\u002Fimages\u002Ffull-bloom.png\"),\n    ),\n)\n```\n\n ### Login Screen 2\n\n ![Screenshots on Android and iOS](.\u002Fscreenshots\u002Flogin_screen_2.png)\n\n ##### Usage\n\n ```\n Container(\n \tchild: LoginScreen2(\n        backgroundColor1: Color(0xFF444152),\n        backgroundColor2: Color(0xFF6f6c7d),\n        highlightColor: Color(0xfff65aa3),\n        foregroundColor: Colors.white,\n        logo: new AssetImage(\"assets\u002Fimages\u002Ffull-bloom.png\"),\n        ),\n    )\n ```\n\n   ### Login Screen 3\n\n   ![Screenshots on Android and iOS](.\u002Fscreenshots\u002Flogin_screen_3.gif)\n\n   ##### Usage\n\n   ```\n   Container(\n   \tchild: LoginScreen3(),\n   )\n   ```\n\n  ### Login Screen 4\n\n ![Screenshot on Android](.\u002Fscreenshots\u002Flogin_screen_4.jpeg)\n\n ##### Usage\n\n ```\n Container(\n \tchild: LoginScreen4(\n        primaryColor: Color(0xff18203d),\n        secondaryColor: Color(0xff232c51),\n        logoGreen: Color(0xff25bcbb),\n        ),\n    )\n ```\n\n   ### Login Screen 5\n\n ![Screenshot on Android](.\u002Fscreenshots\u002Flogin_screen_5.jpeg)\n\n ##### Usage\n\n ```\n Container(\n \tchild: LoginScreen5(\n        avatarImage: \"path\u002Fto\u002Fimage.png\",\n        onLoginClick: () {\n          \u002F\u002F when login button is pressed\n        },\n        googleSignIn: () {\n          \u002F\u002F when google signin button is pressed\n        },\n        navigatePage: () {\n          \u002F\u002F change to signup screen\n        }\n        ),\n    )\n ```\n\n  ### Login Screen 6\n\n ![Screenshot on Android](.\u002Fscreenshots\u002Flogin_screen_6.jpeg)\n\n ##### Usage\n\n ```\n Container(\n \tchild: LoginScreen6(\n        onLoginClick: () {\n          \u002F\u002F when login button is pressed\n        },\n        navigatePage: () {\n          \u002F\u002F change to signup screen\n        }\n        ),\n    )\n ```\n\n  ## Contribution and Donation\n\n  Feel free to contribute. If you like the project and want to donate, [click here](https:\u002F\u002Fwww.paypal.me\u002Fsamarthagarwal).\n","FlutterScreens 是一个使用 Flutter 构建的屏幕和吸引人的 UI 组件集合，可直接应用于你的项目中。该项目不依赖任何外部库，只需下载并将代码添加到你的项目即可使用。它提供了多种登录界面、按钮样式、加载动画等组件，其中包含如 SlideListView 这样的独特控件，能够通过浮动操作按钮切换两个视图，并带有立方体旋转动画效果。此外，还有多种风格的加载器和按钮供选择，例如 FlipLoader 和 SimpleRoundButton 等。此项目非常适合需要快速集成美观 UI 组件的 Flutter 应用开发场景。",2,"2026-06-11 03:21:19","top_language"]