【Flutter】Flutter Widget ライブラリ紹介

Flutter

ライブラリとは?

以下は、Flutterの公式パッケージレポジトリであり、Flutterコミュニティが開発したライブラリを提供しています。UIコンポーネント、プラグイン、データ管理、ユーティリティなどのさまざまなカテゴリのライブラリがあります。人気のあるライブラリにはcupertino_icons、flutter_svg、camera、providerなどがあります。これらのライブラリを使用することで、アプリケーションの開発効率を向上させることができます。

Page 1 | Top packages
Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and g...

今回はFlutter Widgetで使ったライブラリを紹介します!

(自分の備忘録ってのもある)

ライブラリ

バージョンについては、よく確認して使ってください。

pedantic_mono

monoさんが作った汎用的なLintをまとめたものです。

コードレビューを減らすにはもってこいなLintです。

pedantic_mono | Dart Package
Recommended lints for Flutter apps, packages, and plugins to encourage good coding practices.

firebase_core

Flutterでfirebaseを使うなら絶対必須ですね。

導入も比較的楽です。

firebaseのプロジェクトと繋げるときにターミナル操作が必須になりますので、初心者には難易度が高いかもしれません。

firebase_messaging | Flutter Package
Flutter plugin for Firebase Cloud Messaging, a cross-platform messaging solution that lets you reliably deliver messages...

firebase_messaging

FCM(Firebase Cloud Messaging)を使うなら必須です。

firebase_messaging | Flutter Package
Flutter plugin for Firebase Cloud Messaging, a cross-platform messaging solution that lets you reliably deliver messages...

google_mobile_ads

AdMob導入するならこれを使うしかない、と言っても過言ではないです。

ただ、このライブラリをプロジェクトに入れた時点でinfo.plistに必要な値がないと何回ビルドしても落ちます。

firebase_messaging | Flutter Package
Flutter plugin for Firebase Cloud Messaging, a cross-platform messaging solution that lets you reliably deliver messages...

app_tracking_transparency

iOSではATTダイアログの表示が必須となりました。

簡単に表示するために利用することが多いです。

いくつか前のiOSから、「同じタイミングに出した許諾アラートはかき消される」ようになったため、遅延して表示する処理は自分で書く必要があります。

google_mobile_ads | Flutter Package
Flutter plugin for Google Mobile Ads, supporting banner, interstitial (full-screen), rewarded and native ads

webview_flutter

webView表示するやつです。少し書くの疲れてきました。

webview_flutter | Flutter Package
A Flutter plugin that provides a WebView widget on Android and iOS.

package_info_plus

アプリの情報(ビルド番号やアプリ名など)を取得するためのライブラリです。

package_info_plus | Flutter Package
Flutter plugin for querying information about the application package, such as CFBundleVersion on iOS or versionCode on ...

url_launcher

アプリから他のアプリを開きたいときに使います。

url_launcher | Flutter Package
Flutter plugin for launching a URL. Supports web, phone, SMS, and email schemes.

xml

今回はsogablogからFlutterの最新情報をxmlで吸い上げてアプリに表示している箇所があるので、そこで使っています。

xml | Dart Package
A lightweight library for parsing, traversing, querying, transforming and building XML documents.

http

httpリクエストを作成するためのライブラリです。多分どんなアプリでも使う。

xml | Dart Package
A lightweight library for parsing, traversing, querying, transforming and building XML documents.

carousel_slider

カルーセルバナーで表示したい時に便利です。

今となっては、なぜRowで作らなかったのか謎です。

使い勝手はちょっと悪い。

carousel_slider | Flutter Package
A carousel slider widget, support infinite scroll and custom child widget.

flutter_svg

言わずもがな、svgを表示できるようにするものです。

appleでダウンロードみたいな画像はこれで表示してます。

flutter_svg | Flutter Package
An SVG rendering and widget library for Flutter, which allows painting and displaying Scalable Vector Graphics 1.1 files...

cloud_firestore

Cloud Firestore APIを使うためのものです。

かなり使いやすいです。

cloud_firestore | Flutter Package
Flutter plugin for Cloud Firestore, a cloud-hosted, noSQL database with live synchronization and offline support on Andr...

cached_network_image

これはすごい!!!!

画像をキャッシュしてくれるライブラリです。

Flutterのimage.networkは毎回読み込みしますが、こいつはしない!!

クソ便利!!!!

cached_network_image | Flutter Package
Flutter library to load and cache network images. Can also be used with placeholder and error widgets.

flutter_highlight

flutterの開設画面でコードを表示している箇所があります。

コードに色をつけるならこれが楽です。githubみたいに表示、とかできます。

flutter_highlight | Flutter Package
Syntax highlighting widget for Flutter with lots of languages and themes support.

flutter_oss_licenses

みなさん、OSS表示してますか?

ある程度しっかりしている案件だとOSSを表示させる必要があります。

これならコマンドだけで表示できる!楽!!!空いた時間でゲームしましょう!

flutter_oss_licenses | Dart Package
A tool to generate detail and better OSS license list using pubspec.yaml/lock files.

shared_preferences

iOSでいう、、、なんでしたっけ?

key: valueで保存できるやつです。

個人的には使いやすいですが、あまり多用したくないランキング第一位。

shared_preferences | Flutter Package
Flutter plugin for reading and writing simple key-value pairs. Wraps NSUserDefaults on iOS and SharedPreferences on Andr...

flutter_launcher_icons

iOS、Androidのiconを一発で作成できるライブラリです。

yamlにどの画像を使うか明記し、コマンドを打てばすぐです。

アプリ開発時にiconが先にあると心楽になります。

flutter_launcher_icons | Dart Package
A package which simplifies the task of updating your Flutter app's launcher icon.

flutter_native_splash

アプリのスプラッシュ画面を作るライブラリです。

Androidのスプラッシュ画面がとってもめんどい!特にAndroid12!!!

flutter_native_splash | Flutter Package
Customize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full ...

in_app_review

アプリの評価をするアラートを表示できます。

in_app_review | Flutter Package
Flutter plugin for showing the In-App Review/System Rating pop up on Android, iOS and MacOS. It makes it easy for users ...

go_router

画面遷移を制御してくれる便利なやつです。

利点は不明。

go_router | Flutter Package
A declarative router for Flutter based on Navigation 2 supporting deep linking, data-driven routes and more

slang

多言語対応に必須1

slang | Dart Package
Localization / Internationalization (i18n) solution. Use JSON, YAML or CSV files to create typesafe translations via sou...

slang_flutter

多言語対応に必須2

slang_flutter | Flutter Package
Flutter support for slang. This library provides helpful Flutter API.

最後に

ざっとまとめましたが、もし質問等(使い方がわからない!)などがありましたら、本サイトの問い合わせもしくは以下サイトからお問い合わせください。

K&Rシステムズ - 技術で解決する
技術ですべてを解決する。K&Rシステムズのホームページです。アプリ開発支援 · webサイト開発支援 ·アプリ開発個別塾 · フリーランスサポート. © 2023 K&Rシステムズ

Buy me a coffee!

Flutterアプリ開発
シェアする
sogaをフォローする
タイトルとURLをコピーしました