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

ライブラリとは？

以下は、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...

pub.dev

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

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

ライブラリ

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

pedantic_mono

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

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

pedantic_mono | Dart package

Recommended lints for Flutter apps, packages, and plugins to encourage good coding practices.

pub.dev

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...

pub.dev

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...

pub.dev

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...

pub.dev

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

pub.dev

webview_flutter

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

webview_flutter | Flutter package

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

pub.dev

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 ...

pub.dev

url_launcher

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

url_launcher | Flutter package

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

pub.dev

xml

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

xml | Dart package

A lightweight library for parsing, traversing, querying, transforming and building XML documents.

pub.dev

http

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

xml | Dart package

A lightweight library for parsing, traversing, querying, transforming and building XML documents.

pub.dev

carousel_slider

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

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

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

carousel_slider | Flutter package

A carousel slider widget, support infinite scroll and custom child widget.

pub.dev

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...

pub.dev

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...

pub.dev

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.

pub.dev

flutter_highlight

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

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

flutter_highlight | Flutter package

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

pub.dev

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.

pub.dev

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...

pub.dev

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.

pub.dev

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 ...

pub.dev

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 ...

pub.dev

go_router

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

利点は不明。

go_router | Flutter package

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

pub.dev

slang

多言語対応に必須1

slang | Dart package

Localization / Internationalization (i18n) solution. Use JSON, YAML, CSV, or ARB files to create typesafe translations v...

pub.dev

slang_flutter

多言語対応に必須2

slang_flutter | Flutter package

Flutter support for slang. This library provides helpful Flutter API.

pub.dev

最後に

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

K&Rシステムズ - 技術で解決する

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

k-rsystems.com