Aqua Utility classes/functions to help with UI development using the Flutter framework. It is recommended to use the as keyword with the import statement when importing the package to prevent name conflicts, for example… import ‘package:aqua/aqua.dart’ as aqua To log output to file await aqua.log(‘data to log’, logFile: ‘path/to/file’, clear: true, time: true); To save data to device Future<void> save() …
Etiqueta: widget
-
-
A Simple Nutrition Facts App using BLoC Architecture with flutter
NutritionFacts A new Flutter application using BLOC pattern. 📱 iOS Screenshots List Detail Tech Stack Dart – Dart is a client-optimized programming language for apps on multiple platforms. BLoC Architecture – Its a state management system for Flutter recommended by Google developers. It helps in managing state and make access to data from a central place in your project. RxDart …
-
An animated FAB menu with 2 FAB descendants with Flutter
2itemAnimatedFab An animated FAB menu with 2 FAB descendants written in Dart to be used with Flutter. GitHub
-
A complete Neumorphic ui kit for Flutter
flutter_neumorphic A complete, ready to use, Neumorphic ui kit for Flutter. ⚙️ Installation https://pub.dev/packages/flutter_neumorphic dependencies: flutter_neumorphic: ^3.0.3 //requires flutter > 1.13.18 The in your .dart files import ‘package:flutter_neumorphic/flutter_neumorphic.dart’; 🗂 Widgets Preview Widget Description Neumorphic The main Neumorphic Widget, a container which adds white/dark gradient depending on a lightsource and a depth NeumorphicButton A neumorphic button that plays with the depth …
-
An UI-only Steam client app built with Flutter
SteamClient Proto An UI-only Steam client app, for fun. Getting Started This app is built with Flutter (dev branch). It is inspired by Steam mobile app design by Aveg Vanetsyan and the one by George Shishov, although some screens are modified from Steam Chat app, which is decent, by my standard. TODO: Integrating real Steam’s public API into the app, …
-
Simple screen that is shown when your app gets crashed with flutter
Red Screen Of Death A simple screen that is shown when your app gets crashed instead of the normal crash dialog. It’s very similar to the one in Flutter. Install RedScreenOfDeath is distributed via JCenter. Add the dependencies to your build.gradle file. There is also a no-op implementation of the library that you can use to make it easier to …
-
Allow for asynchronous and synchronous formatting of phone numbers in Flutter
flutter_libphonenumber A wrapper around libphonenumber with added functionality merged from the following libs: https://github.com/nashfive/phone_number https://github.com/caseyryan/flutter_multi_formatter Uses the following native libraries: Platform Library Version Android libphonenumber 8.12.10 iOS PhoneNumberKit 3.2.0 The main advantage to this lib is it lets you optionally format a phone number synchronously without making calls into libphonenumber with platform calls. Getting Started First you need to call …
-
Simple Flutter UI for Mountain App
Flutter UI – Mountain Simple Flutter UI for Mountain App. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this is your first Flutter project: Lab: Write your first Flutter app Cookbook: Useful Flutter samples For help getting started with Flutter, view ouronline documentation, which offers tutorials, samples, guidance …
-
A set of useful sliver tools that are missing from the flutter framework
sliver_tools A set of useful sliver tools that are missing from the flutter framework. Here is a taste what you can make using this package The structure of this app: class Section extends State { @override Widget build(BuildContext context) { return MultiSliver( pushPinnedChildren: true, children: <Widget>[ SliverPersistentHeader( pinned: true, … ), if (!infinite) SliverAnimatedPaintExtent( child: SliverList(…), ) else SliverList(…), ], …
-
Flutter UI Challenges for fun
flutter_fun Just small ui challenges for Fun. Fun with ImageData IoT Humidity App Slider Design: https://dribbble.com/shots/6315218-IoT-Humidity-App-Slider Result: iPhone’s Today View (IOS 13) GitHub
-
A cross-platform port of ShuttleTracker that utilizes the Flutter SDK
Flutter ShuttleTracker Flutter ShuttleTracker is a cross-platform port of ShuttleTracker that utilizes the Flutter SDK for development. Features Map page that contains live updates for shuttles, routes, and stops Routes page that allows users to see each route in detail and its associated stops Schedules page that directs users to the schedules for all routes Settings page that allows users …
-
A flutter UI kit developed on top of the contra wireframe kit
Contra Flutter Kit Flutter application built on top of contra wireframe kit. Thorough this project i will be developing all the screens in flutter and sharing in couple of series post. Kits Contra flutter kit will be having screens developed in all the categories.(Currently only onboarding kit is available) Onboarding Login Forms Menus Dialogs Toast Chat Screens Shopping screens Blogs …
-
Use the easiest way to create a dotted line view with flutter
fdottedline FDottedLine provides developers with the ability to create dashed lines. It also supports creating a dashed border for a Widget. Support for controlling the thickness, spacing, and corners of the dotted border. ✨ Features Supports dotted lines in both horizontal and vertical directions Support to create dashed shapes Provide super easy way to add dotted border to Widget Support …
-
A Flutter Instagram UI Clone Support Night Mode
Instagram Flutter A Flutter Instagram UI Clone Support Night Mode. Build Release Releases APK Demo Demo Demo Demo GitHub
-
A Flutter Instagram UI Clone Support Night Mode
Instagram Flutter A Flutter Instagram UI Clone Support Night Mode. Build Release Releases APK Demo Demo Demo Demo GitHub
-
A basic UI toolkit to get you started with flutter
Basic UI Toolkit A basic UI toolkit to get you started with flutter application development. Widget List: SchoolToolkitButton: Button with a busy indicator SchoolLocationWidget: Card to display school information OutlinedButton: Button with only outline border with a busy indicator SchoolToolkitTextField: Custom text field SchoolToolkitRoleButton: Animated role selection button OverlappingButtonCard: Overlapping container with a hovering button on the bottom Calendar: Calendar …
-
Flutter Event app UI design from Dribbble
Flutter Event App Flutter event app UI design inspire from Dribble. Design Design from Dribble App UI Screen HomePage Detail Implemented Feature Hero Animation Slide Animation Drag down image to pop screen Beautiful UI Design GitHub
-
40 Beautiful Flutter UI Themes For Developers
Flutter UI Themes Do you want to save time building your Flutter app? Developing an app from scratch is a costly and time-consuming process, but a Flutter app template is affordable because much of the code is already written for you. Don’t reinvent the wheel by starting with an empty codebase. In this article, we have showcased highly streamlined app …
-
Gojek UI clone using Flutter
Gojek-App-Clone Gojek UI clone using Flutter. GitHub
-
A Nice Flutter Furniture App
Furniture App – Flutter UI Packages we are using: flutter_svg: link goole_fonts: link Fonts Poppins link We design two pages one is the product page with a search bar at the top then the category list at the end list of products. And another one is the details page provides you more details about the product like price, long description, …