🐴
FlutterWebでWebサイトを作ったときのFlutterPackageの一覧
Flutterwebでポートフォリオサイトを作成したとき、使用したFlutterPackageを紹介します
ほぼ自分用のメモみたいな物ですが、参考になれば幸いです😁
作成したサイト
Lottie
手軽にLottieアニメーションを導入できるPackage
作成したサイトのトップページに使用しております(現状モバイルのウェブブラウザではうまく動かない為、PCサイズでのみ使用中)
導入時に参考にした記事
carousel_slider
webサイトでよく見かける横にスクロールしながら画像が変わるカルーセル機能もこのPackageをつかえば簡単に実装できます。
開発ページとポートフォリオページで実装してます。
導入時に参考にした記事
animated_text_kit
アニメーション付きテキストを実装できるPackageです、サイトのトップページにテキストを一文字づつ表示するTypewriterAnimatedTextを使用しています。
導入時に参考にした記事
flutter_svg
SVG画像を表示する為のPackageです、appstoreダウンロード画像を表示する為に使用しております。
導入時に参考にした記事
glassmorphism
Flutterで磨りガラスのような見た目のUIを実装できるPackage、モバイルのウェブブラウザでレイアウトが崩れた為、今回は実装しませんでした、今後アプリ開発に使いたいPackageです。
参考にした記事
PackageではないがGoogleFontの設定に参考にした記事
Flutter Webでは日本語が正常に表示されないため、フォントファミリーを設定する必要があります
今回は全体のテーマにフォント指定して使用しております
参考にした記事
最後に
FlutterWebの開発は今回が初めてなのですが、多彩なPackageを使用することにより開発もスムーズかつ効率的に行うことができました、皆様の参考になれば幸いです。
Discussion