This is (or should be) a full JavaScript interop package using package:js bindings.The bindings are generated by machine-reading WebIDL files for types and MDN website for documentation. Take a look at MediaStream file and check out how nice it is with the awesome MDN documentation. Usage import ‘package:js_bindings/js_bindings.dart’; void main() { var div = document.createElement(‘div’) ..innerHTML = ..
Author : Flutterappworld
Navigation for Riverpod Managing Flutter navigation with riverpod. Usage Bootstrap Replace your root ProviderScope with a RiverpodNavigation widget with your routing hierarchy and give the provided delegate and parser to your MaterialApp.router factory. final routes = RouteDefinition( template: UriTemplate.parse(‘/’), builder: (context, entry) => MaterialPage( child: HomeLayout(), ), next: [ RouteDefinition( template: UriTemplate.parse(‘/articles/:id’), builder: (context, entry) => MaterialPage( child: ArticleLayout( id: entry.parameters[‘id’]!, ), ), ), ], ); ..
Flutter-Reels-downloader-for-instagram A Flutter project to download reels from instagram via link. Features: Download instagram reels Play reels Save downloaded reels Download Instagram reels video downloader app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Pokedex Flutter Made with Flutter https://studioi.web.app App preview This project is a starting point for a Flutter application. Download Flutter Pokedex source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
TelegramStickersImport — Telegram stickers importing Flutter plugin for iOS and Android TelegramStickersImport helps your users import third-party programmatically created sticker sets into Telegram Messenger for iOS and Android. This is not an official plugin! Please read the full documentation here: https://core.telegram.org/import-stickers WARNING: Each time a user imports stickers, a new sticker pack is created on Telegram. Do not use the importing ..
Flutter Tutorial – Sortable DataTable Create a DataTable with Flutter to display data in columns, rows, and cells and also learn how to sort the data within the table. Preview App Preview Course Preview Download Sortable DataTable source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
nav_stack A simple but powerful path-based routing system, based on MaterialApp.router (Nav 2.0). It has browser / deeplink support and maintains a history stack as new routes are added. Internally NavStack uses an IndexedStack to maintain a stateful list of routes which are defined declaratively and bound to the current MaterialApp.router path. It also provides a flexible imperative API for changing ..
dart_eval is an extensible interpreter for the Dart language, written in Dart. It’s powered under the hood by the Dart analyzer, so it achieves 100% correct and up-to-date parsing (although evaluation isn’t quite there yet.) The primary goal of dart_eval is to be interoperable with real Dart code. Classes created in ‘real Dart’ can be used inside the interpreter ..
Flutter Tutorial – Hive NoSQL Database Persist data with Flutter’s Hive NoSQL Database locally on Android, iOS & Web. Preview App Preview Course Preview Download Hive NoSQL Database for flutter source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Flutter Chat Socket Description: This application using Flutter for develop a realtime chat app How I can run it? Clone this repository Run below code in terminal of project start socket server cd nodejs_socket_server/ npm install npm start start flutter app (Support Linux, Web and Mobile) flutter pub get flutter run How I can extends ..
What is Upper? Upper is a open source back-end framework based on the Dart language. With it, it is possible to automatically generate a gRPC API for your Postgres database. Your application can run in monolithic mode or microservices mode. In addition, you choose whether to deploy on a server itself or in serverless mode (G Cloud Run). What is ..
flutter_text_field_fab A simple Flutter widget that makes turning a FAB into a text field easy. Installation dependencies: flutter: sdk: flutter flutter_text_field_fab: <last-version> Features Simple slide animation Custom icon Custom coloring Example Simple Usage import ‘package:flutter/material.dart’; import ‘package:flutter_text_field_fab/flutter_text_field_fab.dart’; class SomeListView extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( floatingActionButton: TextFieldFloatingActionButton( ‘Search…’, Icons.gamepad, onChange: (String ..
Flutter Food ordering App We have made a food ordering system. It will help the restaurant to do all the functionalities more accurately and in a faster way and to maintain records, as many restaurants do that in a manual way. Users will register and log in to the system then place an order from ..
Additional sources Medium Article about FieldSuggestion – Autocomplete fields in Flutter Installing See the official installing guidline from – field_suggestion/install Usage & Overview Make ready your home widget by creating required options for FieldSuggestion. final textEditingController = TextEditingController(); // And List<String> suggestionList = [ ‘test@gmail.com’, ‘test1@gmail.com’, ‘test2@gmail.com’, ]; // Or List<int> numSuggestions = [ 13187829696, 13102743803, 15412917703, ..
Notes is a privacy oriented, Secure ,beautiful and fast application made in flutter, it supports various features like adding and saving notes. Hiding notes with password security, Archiving them. To make UI look beautiful it has various UI colors with the support of light and black theme. Features Create and Save Notes Export Notes as ..
Flutter Tutorial – Download Files From Firebase Storage Download files from Firebase Storage with Flutter. List all images, videos, or other files from Firebase and download them. Preview App Preview Course Preview Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Weather app A complete simple weather application. Getting Started Get your own API key from: open weathe map aqicn Google Cloud Platform Setup for google Cloud API key: Go to Google Developers Console. Create a New Project. From Left Menu, go to Credentials section; click on Create Credentials and generate API KEY. Copy API KEY ..
html_widgets A Flutter Widget Approach for using HTML tags & CSS styles in your upcoming Apps. Text Widgets *text property is required for all the text widgets. h1 … h1( text: “This is an h1 widget”, … ) … h2 … h2( text: “This is an h1 widget”, color:Colors.red, … ) … h3 … h3( ..
Project description An application developed during the week Next Level Week # 5 of Rocketseat . A Quiz with information about technologies in general for you to test your knowledge. ✍🏽 Technologies used Flutter Responsive Layout first screen second screen Download source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Shared Backpack User App Components The User app Section for the Shared-Backpack Project. Shared Backpack user app Comunity Impact The project focuses on Cheap Travel Level Group Travel Tech Stack Flutter (user app) Contribution Read contributing.md before contributing Code of conduct Please read Code of conduct before contributing Installation Shared Backpack system prerequisites [Flutter SDK][fsdk] [Android Studio][astudio] ..
BWeird Flutter Toolkit! Hi! From a Weirder Flutter has been great on mobile development and I took this opportunity to make it even greater with template toolkit. This template toolkit will be implemented in MVC+S structure and helper classes. GetX State Management will be used as core state management in the project. You can check GetX. ..
Flutter Tutorial – Drag & Drop In ListView Use Flutter to drag and drop items within the ListView to other locations and also drag the whole listview around. Preview App Preview Course Preview Download Listview source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
Arshad Apps Arshad apps is a free Quran app for Android devices. There are many features under development. Send us your feedback and feature requests and keep praying for us! Download Arshad App on Playstore https://play.google.com/store/apps/details?id=com.projectam.arshad ScreenShot Download Muslim App source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
flutter_scroll_to_top A wrapper to show a scroll to top prompt to the user on scrollable widgets. Installing Add the following dependency to your pubspec.yaml file: dependencies: flutter_scroll_to_top: ^1.1.0 Import the package import ‘package:flutter_scroll_to_top/flutter_scroll_to_top.dart’; ScrollWrapper Just wrap the scrollable widget you want to show the scroll to top prompt over with a ScrollWrapper, and supply the ScrollController of the scrollable widget ..
Short Intro: This app contain two pages. In first page user will see the list of places to visit and in other page detail of places will be shown. Apart from that there is route transition, hero and staggered animation while navigating to the detail page. travell_app A new Flutter project. Getting Started This project ..
flutter_pdfview Native PDF View for iOS and Android Use this package as a library 1. Depend on it Add this to your package’s pubspec.yaml file: 2. Install it You can install packages from the command line: with Flutter: Alternatively, your editor might support pub get or flutter packages get. Check the docs for your editor to ..
Elisha An awesome Bible app equipped with 9 versions of the Holy Bible, as well as daily readings for Mass Service of that day. This app is also null safe. Be sure to leave a star . About Elisha is a simple Bible app that is focused on personal use. I made this app in hopes ..
flutter_map_tile_caching Short Intro: Plugin for ‘flutter_map’ that provides full & advanced caching functionality, with ability to download map regions for offline use. Also includes a number of prebuilt widgets related to the topic. A plugin for the flutter_map library to provide an easy way to cache tiles and download map regions for offline use. Installation To install ..
qr_scanner A new Flutter project. Getting Started This project is a starting point for a Flutter application. Home screen GenerateCode screen Share screen Scanner screen Result screen Download QRCode Generator and QR Scanner app source code on GitHub FlutterappworldProvides the list of the opensource Flutter apps collection with GitHub repository. flutterapp..
scrawl – Take Notes Easily Description A simple notes app with offline and online backup. Uses Nextcloud to store your backup. Assign labels, set colours for notes. Search your notes easily. You can even archive your notes. To-do Archive option Label notes Backup and Restore to Downloads folder Backup and Restore via Nextcloud Search notes ..
Validations made simple A fp inspired validation DSL. For Dart and Flutter projects. Features Completely extensible (create your own combinators, validator primitives, etc) Flexible Verify is an extension based API (There is not single class created its all pure functions) Customizable (Define you own error types if required) organize validators how ever you want Bloc ..
circular_profile_avatar CircularProfileAvatar is a Flutter package which allows developers to implement circular profile avatar with border, overlay, initialsText and many other awesome features, which simplifies developers job. It is an alternative to Flutter’s CircleAvatar Widget. Installation Add this to your package’s pubspec.yaml file: and run Usage If you want to use AssetImage or any other resource than ..
100ms Flutter SDK Here you will find everything you need to build experiences with video using 100ms iOS/Android SDK. Dive into our SDKs, quick starts, add real-time video, voice, and screen sharing to your web and mobile applications. Download the Sample iOS app here: https://testflight.apple.com/join/Uhzebmut Download the Sample Android app here: https://appdistribution.firebase.dev/i/b623e5310929ab70 How to run the Sample ..
Dart Code Metrics Note: you can find the full documentation on the website Configuration | Rules | Metrics | Anti-patterns Dart Code Metrics is a static analysis tool that helps you analyse and improve your code quality. Reports code metrics Provides additional rules for the dart analyzer Checks for anti-patterns Checks unused *.dart files Can be used as CLI, analyzer plugin or library Links See CHANGELOG.md for major/breaking updates, and releases for a detailed version history. To ..
Playify Playify is a Flutter plugin for play/pause/seek songs, fetching music metadata, and browsing music library. Playify was built using iOS’s Media Player Framework to fetch and play music from iOS’s Music Library. Currently supports only iOS, but Android support is being developed. PR’s are welcomed. Checkout the documentation. Requirements: iOS: >= iOS 10.3 (Due to append and prepend). Usage ..
inview_notifier_list A Flutter package that builds a ListView or CustomScrollView and notifies when the widgets are on screen within a provided area. Example 1 Example 2 Example 3(Auto-play video) Example 4(Custom Scroll View) Index Use cases Installation Basic Usage Types of Notifiers Properties Credits Use-cases To auto-play a video when a user scrolls. To add real-time update listeners from ..
What is it? The end result looks a little something like this: Sample project for creating nice looking PageView parallax effects in Flutter. Read the blogpost here. All the related source code is located in the /lib folder; no separate Android / iOS code needed. Download PageView transformation effects source code on GitHub FlutterappworldProvides the list ..
scratcher Scratch card widget which temporarily hides content from user. Features Android and iOS support Cover content with full color or custom image Track the scratch progress and threshold Fully configurable Getting started First thing you need to do is adding the scratcher as a project dependency in pubspec.yaml: dependencies: scratcher: “^2.1.0” Now you can install ..
scroll-to-index This package provides the scroll to index mechanism for fixed/variable row height for Flutter scrollable widget. Getting Started In the pubspec.yaml of your flutter project, add the following dependency: dependencies: … scroll_to_index: any In your library add the following import: import ‘package:scroll_to_index/scroll_to_index.dart’; For help getting started with Flutter, view the online documentation. Usage This is a widget ..
A powerful & easy to use timeline package for Flutter! Caveat: This package is an early stage. Not enough testing has been done to guarantee stability. Some APIs may change. Examples Check it out on the web or look at the source code. Timeline status Package delivery tracking Process timeline More examples WIP Features The timeline and each components are all WIDGET. Common ..
Flutter App Templates
