Click me
Transcribed

Best Flutter Libraries, Tools, Packages and Plugins

Commonly Used PACKAGES & PLUGINS in Flutter </> When it comes to a mobile app development, there are few features that may fall common across all the mobile apps. These features include • Location Services • Notifications • Network Operations • Data Persistence 1 Material In flutter, every component visible on screen is a Widget. However, there are few widgets which are invisible, e.g. Stack, Align, GestureDetector, etc. So almost everything is widget in flutter. These widgets are provided by Material package bundled inside Flutter SDK by default. Cupertino is another package for iOS-Style widgets 2 ΗΤΤΡ https:// More or less, every mobile app has web API to call by means of HTTP requests. For example, getting a list of restaurants near you, uploading your profile photo, backing up data on a server, etc. Dart community already provide us with the great package - http to deal with network operations. If your app is offline-only and doesn't involve any network operations, it's okay not to add this package. But remember that not having data backup strategy means risk of losing data. 3 Shared Preferences import 'dart:async'; import 'package:cdapp/ui/home_butt import 'package:shared_preferences Shared preferences are used to store and persist a very void main() => runApp(new MyApp()) small amount of data in a key-value format to disk. e.g. Logged in user id, a flag value about whether a user has MyApp extends StatelessWidge his widget is the root of yo viewed particular screen, etc. 4 sqflite We can use this plugin for storing large amount of data locally on device. As name suggest, it help us storing data to sqlite database with ease. It provides helpers for insert/query/update/delete queries. It not only supports mobile platform but also desktop platform 5Path provider • Engine revision 75bef9f6c8 • Dart version 2.10.1 [V] Android toolchain - develop for Android devices (Android SDK version 30.0.2) • All Android licenses accepted. [!] Android Studio • Android Studio at C:\Program X Flutter plugin not installed; this adds Flutter specific functionality. X Dart plugin not installed; this adds Dart specific functionality. X android-studio-dir = C:\Program X Android Studio not found at C:\Program • Try updating or re-installing Android Studio. • Consider removing your android-studio-dir setting by running: flutter config --android-studio-dir= [V] Connected device (1 available) • ELE L29 (mobile) • XPH5T19312008847 • android-arm64 . Android 10 (API 29) ! Doctor found issues in 1 category. Apart from shared preferences and sqflite, we have the third option to persist data locally on our device, i.e. writing to and reading from files. This can be achieved with the help of path provider package in combination of dart:io library. URL_launcher Www This flutter plugin is simply used for launching or opening the URLS. It supports all the platform. Common URL schemes supported are: http, https, mailto, tel, and sms. Below is the sample code for launching the URL with https scheme. The launch() will open up the browser and launch the URL specified. const url = 'https://flutter.dev; if (await canlaunch(url)) { await launch(url); } else { throw 'Could not launch $url'; } 7 Flutter_local_notifications A plugin for displaying local notifications. For example, trigger alarm to remind user about particular event. This plugin provides us with the set features like displaying a basic notification, scheduling notifications, interval based periodic notifications, custom notification sound, retrieve a list of pending notification requests, cancelling/removing notification, etc. Dart_notification_center If you're from ios development background, then the term 'Notification Center' may look familiar to you. The notification center subscribed to a channel and an object can observe the channel for incoming messages on that channel. We can keep message optional, but channel name is mandatory. 9. 4:33 0 DEBUG Flutter WebView . < > Webview_flutter This plugin provides in-app browser view to a flutter app. Let's say you already have a website and now you decided to go for mobile apps with flutter. Using WebView, you can display your website's page in your flutter app. For example, contact us page is good one to embed in the mobile app when user clicked Contact Us button. 10 Flutter_svg SVG We often deal with displaying images in mobile app. In flutter, we can easily display an image stored as assets using Image.asset() constructor. Consider there is single image to be display on 5 different places with 5 different colors. What is stopping you? talk to experts team to gain quick knowledge about the Flutter platform and its mobile development process. 00

Best Flutter Libraries, Tools, Packages and Plugins

shared by bloomconsulting on Dec 14
0 views
0 shares
0 comments
When it comes to a mobile app development, there are few features that may fall common across all the mobile apps. These features include network operations, data persistence, location services, notif...

Category

Technology
Did you work on this visual? Claim credit!

Get a Quote

Embed Code

For hosted site:

Click the code to copy

For wordpress.com:

Click the code to copy
Customize size