広告

Flutterラボの

プレミアム会員になる

【Flutter】ガラスを透過させたようなボトムメニューを作成する

2020.09.11

通常のBottomNavigationBarでは、スクロールしたときに透過させることができません。
そこでスクロールしたアイテムをガラス透過させたようなボトムメニューを新しく作成してみたいと思います。

完成形

画像2

手順

1. 画像をプロジェクトに入れる
2. コードをコピペ

画像をプロジェクトに入れる

画像をプロジェクト内に配置

画像3

pubspec.yaml に画像のパスを記述

画像2

コードをコピペ

以下のコードを main.dart をコピペ

Flutterラボ
hatchoutschool
FlutterとNuxtに関する知識を発信しています！ 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ：https://flutterlabo.tech/ 広告のECサイトを開発（https://ec-ad.tech/）
Flutter Daily
Flutterに関する記事を日々更新しています (222本)

【Dart】Stringからint, double, DateTimeに変換する

2020.09.14

【Dart】【Flutter】List型（リスト）の使い方とよく使うメソッドまとめ

2020.09.18

【Dart】【Flutter】DateTime型についてのまとめ

2020.10.01

【Dart】Map型の使い方とよく使うメソッドまとめ

2020.09.13