Unofficial wrapper for using Rapid7 insightOps logs (former LogEntries) with Dart. This package is using logging package to do the actual logging, and implements a handler to post the message to insightOps. Setting up Set up a new log by following the instructions, copy a URL that you will use to send your log data to. Usage A ..
Author : Flutterappworld
storybook_flutter A cross-platform storybook for showcasing widgets. It works in Web as well, though as Flutter support for Web is still in beta, rendering can have some issues. Getting Started class MyApp extends StatelessWidget { @override Widget build(BuildContext context) => Storybook( children: [ Story( name: ‘Flat button’, builder: (_, k) => MaterialButton( onPressed: k.boolean(‘Enabled’, initial: ..
Flutter Arc Text Renders text along the arc. See demo. Basic usage class MyApp extends StatelessWidget { @override Widget build(BuildContext context) => ArcText( radius: 100, text: ‘Hello, Flutter!’, textStyle: TextStyle(fontSize: 18, color: Colors.black), startAngle: -pi / 2, startAngleAlignment: StartAngleAlignment.start, placement: Placement.outside, direction: Direction.clockwise ); } Download Flutter Arc Text Widget source code on GitHub FlutterappworldProvides the ..
SpinBox for Flutter SpinBox for Flutter is a numeric input widget with an input field for entering a specific value, and spin buttons for quick, convenient, and accurate value adjustments. Guidelines Spin boxes are best suited for such applications that deal with large numeric value ranges and high precisions, where users typically know upfront the exact value ..
Buy me a coffee widget Did you ever needed a widget to buy me a coffee, well here it is? Important note Be very careful with using this widget. According to the Google Play Guidelines you are not allowed to get payments from external resources. So a donation button could lead to a ban on ..
Dart Koans This application is inspired by Ruby Koans. The idea is simple: You achieve enlightenment though a process of failures. As each failure is overcome you get one step closer to enlightenment. In practice, the Dart Koans allow you to learn Dart through a much more hands on approach. Each test is accompanied by enough comments ..
Flash Chat Our Goal The objective of this tutorial is to learn how to incorporate Firebase into our Flutter apps. We’ll be using Firebase Cloud Firestore as well as the Firebase authentication package to equip our app with a cloud-based NoSQL database and secure authentication methods. What you will create We’re going to build a ..
Bitcoin Ticker Our Goal The objective of this tutorial is to learn about using Cupertino and Material Widgets in parallel and providing a different user interface depending on the platform. What you will create We’re going to make a crypto currency price checking app. By the end of the module, you’ll be able to monitor ..
travelfoldingcard Travel Folding Card with hover animation The live version is in my Flutter CodePen The original CodePen is from Madalena, which is created with HTML, CSS and JS 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: ..
readmore A Flutter plugin than allow expand and collapse text. usage: add to your pubspec and import: ReadMoreText( ‘Flutter is Google’s mobile UI open source framework to build high-quality native (super fast) interfaces for iOS and Android apps with the unified codebase.’, trimLines: 2, colorClickableText: Colors.pink, trimMode: TrimMode.Line, trimCollapsedText: ‘…Show more’, trimExpandedText: ‘ show less’, ..
Languages: English, Brazilian Portuguese. Get is an extra-light and powerful library for Flutter that will give you superpowers and increase your productivity. Navigate without context, open dialogs, snackbars or bottomsheets from anywhere in your code, Manage states and inject dependencies in an easy and practical way! Get is secure, stable, up-to-date, and offers a huge range of ..
Covid-19 – Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link Fonts Poppins link UI Credit Design by: Rendi Ramadana link Covid-19 App Final UI Download Covid-19 source code on GitHub https://github.com/abuanwar072/Covid-19-Flutter-UI FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
COVID-19 App – Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link UI Credit Design by: Tushar Imran link We design two pages on the home page you gonna see all statistics like how many totals affected, total recovery, total death at the bottom how you can prevent them with a hotline number if ..
Welcome page, Login Page and Sign up page – Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link We design 3 screens first one is a welcome screen like then user open your app it shows then users have two options, if he has an account then press the login button and it ..
– Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link Fonts Cairo link UI Credit Design by: Shahidul Islam Shishir link There are two pages, you can call it home page and details or meditation page. On the home page at the top right corner you got a menu button, then a big good morning ..
Course App – Flutter UI Watch it on YouTube Packages we are using: flutter_staggered_grid_view and flutter_svg Fonts Nunito – link UI Credit Design made by by simantOo link Course App Final UI Download Flutter Course App UI source code on GitHub https://github.com/abuanwar072/Course-App FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
eBook App – Flutter UI Watch it on YouTube UI Credit Design by: Peeely link Flamingo is an eBook (reading book) app design by flutter, at home page it shows you some recommended books, also the book of the day. At the bottom you gonna find your most recent book that you read. On details page ..
Introduction: Made with Clean architecture + TDD + GraphQL + flutter_bloc + CodeCov + GitHooks + GitHub Actions (CI/CD) and finally with Flutter Rick and Morty Info A simple app to demonstrate Clean Architecture with GraphQL and flutter_bloc Motivation In Martin Fowler’s words, “Any fool can write code that a computer can understand. Good programmers write code ..
FlutterWarden ( WIP) A flutter client for Bitwarden. The app is not completed yet. Progress Login with email and password Two factor authentication Decryption of username and password Copy username and password to clipboard Add new login – username and password Password generator Fingerprint authentication Offline capability Screenshots Getting Started I have created a demo account in ..
Package for Ant Icons An icon is a graphical representation of meaning. Icons can be used to express actions, state, and even to categorize data. Ant Design’s icons adhere to the following two principles and are designed for cross-platform consistency: Graphics that are clear, intuitive, and simple enjoy a higher degree of recognition and are more easily ..
Fun Translation Flutter A Flutter project to try out the UI library equinox with BLoC pattern using Fun translation API. Screenshot 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 ..
Pagination in Firestore Setup Use the same setup used for cloud_firestore package (or follow this). Usage In your pubspec.yaml dependencies: paginate_firestore: ^0.1.0 Import it import ‘package:paginate_firestore/paginate_firestore.dart’; Implement it PaginateFirestore( itemBuilder: (context, documentSnapshot) => ListTile( leading: CircleAvatar(child: Icon(Icons.person)), title: Text(documentSnapshot.data[‘name’]), subtitle: Text(documentSnapshot.documentID), ), // orderBy is compulsary to enable pagination query: Firestore.instance.collection(‘users’).orderBy(‘name’), ) Contributions Feel free to contribute to ..
PaginationView Installing In your pubspec.yaml dependencies: pagination_view: ^1.0.1 import ‘package:pagination_view/pagination_view.dart’; Basic Usage PaginationView<User>( preloadedItems: <User>[ User(faker.person.name(), faker.internet.email()), User(faker.person.name(), faker.internet.email()), ], itemBuilder: (BuildContext context, User user, int index) => ListTile( title: Text(user.name), subtitle: Text(user.email), leading: IconButton( icon: Icon(Icons.person), onPressed: () => null, ), ), paginationViewType: PaginationViewType.listView // optional pageFetch: pageFetch, onError: (dynamic error) => Center( child: ..
touchable ???????? Flutter library to add various gesture callbacks to each Shape you draw on your canvas in your CustomPainter Index : Why Use Touchable ? Installation Usage How it works Road Map Links Why Use Touchable ? The CustomPainter lets you only draw shapes on the canvas. But most would want to let user interact with the drawings. With touchable , you ..
The project is maintained by a non-profit organisation, along with an amazing collections of Flutter samples. We’re trying to make continuous commits for changes along with the Flutter tech progress. The UX For Messager Design Goals for this sample Shows a UI design for a social messager App(only send message page),something like Tik Tok(I like ..
The project is maintained by a non-profit organisation, along with an amazing collections of Flutter samples. We’re trying to make continuous commits for changes along with the Flutter tech progress. The Desigin Pattern Goals for this sample Shows a state management approach using the Provider package,mainly use StreamProvider and ChangeNotifier. Show a logic for fetch data from ..
Contacts Building App Contacts in Flutter using Slidy Screenshots Getting Started For help getting started with Flutter, view our online documentation. License This project is licensed under the MIT License – see the LICENSE file for details. Download Flutter Contacts App source code on GitHub https://github.com/RogerioSobrinho/Flutter-ContactApp FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. ..
contacts_service A Flutter plugin to access and manage the device’s native contacts. Usage To use this plugin, add flutter_contact as a dependency in your pubspec.yaml file.For example: dependencies: flutter_contact: ^0.4.15 Permissions Android Add the following permissions to your AndroidManifest.xml: <uses-permission android:name=”android.permission.READ_CONTACTS” /> <uses-permission android:name=”android.permission.WRITE_CONTACTS” /> iOS Set the NSContactsUsageDescription in your Info.plist file <key>NSContactsUsageDescription</key> <string>Your description of why you are requesting permissions.</string> Noteflutter_contact does not ..
local_cache_sync A very simple and easy-to-use Flutterlocal repository, suitable for storing a list of lightweight data locally (such as device information stored locally by the user, or caching a series of user information). local_cache_syncAll methods are synchronous , not asynchronous . This means that you don’t need to use awaitit to get the data. Among them flutter, this can significantly reduce StatefulWidgetthe number and greatly ..
progresshud A handy Hud framework is implemented by Flutter calling native code, including loading (default), success, error, info and other styles. You can call up Hud anywhere and control its hiding in one line of code. In the sample app, you can see how to use it. Use SVProgressHUD on iOS and SVProgressHUD-Android on Android (this ..
flutter_tiktok A flutter app that imitates vibrato. Mainly realized the function of watching video Implement function Swipe the video up and down, the video will automatically load the cover Swipe left and right to search and personal center Double click to love and like See comments Switch bottom Tabbar Application screenshot detail Adapted to different screen ..
Moor Moor is a reactive persistence library for Flutter and Dart, built ontop of sqlite. Moor is Flexible: Moor let’s you write queries in both SQL and Dart, providing fluent apis for both languages. You can filter and order results or use joins to run queries on multiple tables. You can even use complex sql ..
With cupertino_setting_control you can create a settings page or a simple form very easy. Therefore, cupertino_setting_control offers multiple Cupertino-Widgets which can be used very flexible and abstracted. Quick Usage A few examples: Example for a drop down widget displayed as text field: new SettingRow( rowData: SettingsDropDownConfig( title: ‘Search Area’, initialKey: _searchAreaResult, choices: { ‘Germany’: ‘Germany’, ..
Cupertino buttons which are used as radio buttons in order to select one value. Tutorial A complete tutorial how to use CupertinoRadioChoice can be found here: Tutorial Quick Usage Just fill the required parameters of CupertinoRadioChoice and you’re ready to go, e.g.: CupertinoRadioChoice( choices: {‘male’ : ‘Male’, ‘female’ : ‘Female’, ‘other’: ‘Other’}, onChange: (selectedGender) {}, initialKeyValue: ‘male’) Please refer to ..
Flutter Firebase Picture Uploader This library offers a Picture Upload widget which can be used to upload one or multiple images to your Firebase Storage. With this library the following is possible: Upload one or multiple images via PictureUploadWidget Delete images via PictureUploadWidget Multiple customization options (font size, text, color, etc.) Custom upload or download methods possible ..
Flutter Bidirectional ListView ListView with items that can be scrolled in both directions with a fixed item count and scroll boundaries. With this library the following is possible: ListView can be scrolled in up (negative indices) and down (positive indices) direction Lazy loading is possible for up and down direction Scroll boundaries for top and ..
pakistan_vd A new Flutter project. 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 our online documentation, which offers tutorials, samples, guidance ..
dept_emp_data A new Flutter project. 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 our online documentation, which offers tutorials, samples, guidance ..
qr_scan_code A new Flutter project. 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 our online documentation, which offers tutorials, samples, guidance ..
Conic Clock Conic Clock is a dynamic clock written in Flutter. It is a project by me (ZHENG HAOTIAN / Justin Fincher) for the Flutter Clock challenge. The conic shadow angle represents seconds. On the top left and bottom right there are hour and minute indicators, while on top right there is the weather and bottom ..
Flutter App Templates
