どうも、ちょげ(@chogetarou)です。
CupertinoTabBarの高さを変える方法を紹介します。
方法
CupertinoTabBarの高さを変える方法は、２つあります。
Customクラス
１つは、CupertinoTabBarを継承したCustomクラスを自作する方法です。
具体的には、自作したクラスのbuildメソッドでサイズを変えたTabBarを用意します。
class CustomTabBar extends CupertinoTabBar {
CustomTabBar({・・・}) : super(・・・);
@override
Widget build(BuildContext context) {
//新しいCupertinoTabbar
}
}定義の書き換え（非推奨）
もう１つは、CupertinoTabBarの定義自体を書き換える方法です。
まず、CupertinoTabBarを定義しているファイルへ移動します。
そして、CupertinoTabBarの定義ファイルの定数「_kTabBarHeight」に高さを指定します。
const double _kTabBarHeight = /*高さ(デフォルトは５０)*/;
VSCodeで定義ファイルへ移動するには、まずCupertinoTabBarを右クリックします。
そして、「Go to Definition」を選択します。
まとめ
CupertinoTabBarの高さを変える方法は、次の２つです。
- Customクラスで自作
- CupertinoTabBarの定義ファイルの変更（非推奨）
404 NOT FOUND | ちょげぶろぐ
www.choge-blog.com
[Flutter]CupertinoPickerの要素を真ん中に寄せるには？
CupertinoPickerの要素を真ん中に表示されるようにする方法を紹介します。
www.choge-blog.com
2022.01.23
[Flutter]CupertinoDatePickerの分の間隔を設定するには？
CupertinoDatePickerの分単位の間隔を設定する方法を紹介します。
www.choge-blog.com
2022.01.22
[Flutter]CupertinoAlertDialogの背景色を黒くするには？
CupertinoAlertDialogの背景色を黒くする方法を紹介します。
www.choge-blog.com
2022.01.22
コメント