【Flutter】TabBarのunselectedLabelColorプロパティを効かせたいです。

Question

前提

TabbarのunselectedLabelColorを使って、非選択時の色を変えたいのですが、変わりません。
調べたのですが原因がわからないため、こちらで質問させていただきます。どうすればunselectedLabelColorを使って非選択時の色を変えるのでしょうか？

該当のソースコード

import 'package:flutter/material.dart';

class Like extends StatefulWidget {
  const Like({Key? key});
  @override
  State<Like> createState() => _Like();
}

class _Like extends State<Like> with SingleTickerProviderStateMixin {
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      initialIndex: 0,
      length: 2,
      child: Scaffold(
        appBar: AppBar(
          backgroundColor: Color.fromARGB(255, 255, 255, 255),
          toolbarHeight: deviceHeight * 0.04,
          elevation: 0.0,
          bottom: TabBar(
            indicatorColor: Colors.black,
            labelColor: Colors.black,
            unselectedLabelColor: Colors.grey,
            tabs: <Widget>[
              Tab(
                child: Text(
                  '1'
                ),
              ),
              Tab(
                child: Text(
                  '2',
                ),
              ),
            ],
          ),
        ),
        body: const TabBarView(
          children: <Widget>[
            Center(),
            Center(),
          ],
        ),
      ),
    );
  }
}

補足情報（FW/ツールのバージョンなど）

[✓] Flutter (Channel stable, 3.7.0, on macOS 13.1 22C65 darwin-arm64, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] VS Code (version 1.73.0)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

Comments

[ta.fu]

上記コードに近いのをDartPadで実行してみましたが、選択されていないタブが灰色文字になっているのを確認しました。ということで実装としては問題ないように思えます。
どういった状況だったのか、実行時の画面を出してみたらどうでしょう。

後、情報として実行したデバイス名を入れると入れるといいかも。デバイスによる実行差異もあるかもしれないので、答えが出やすいかも。

[bbiiq]

コメントありがとうございます。

実装としては問題ないことが知れてとても助かりました。

実行時の画面とデバイス名の追記いたします。アドバイスありがとうございます。

[bbiiq]

申し訳ないのですが、

Tab(
child: Text(
'1'
),
),

の部分を、

Tab(
child: Text(
'1', style: TextStyle(
color: Colors.black)
),
),

としていたため色が黒固定になっていました。。。
お時間とらせてしまい申し訳ありませんでした。

Answer 1

Tab(
child: Text(
'1'
),
),

の部分を、

Tab(
child: Text(
'1', style: TextStyle(
color: Colors.black)
),
),

としていたため色が黒固定になっていました。