常連

### 実現したいこと
エラーの出ないようにTabbarを用いた画面遷移を行いたいです。

### 発生している問題・分からないこと
TabbarをFlutterアプリケーションに実装しました。ビルドは成功するのですが、Tabbarのボタンを押して画面遷移するタイミングで、デバッグログに、大量のエラーメッセージが出力されました。

### エラーメッセージ
```error
======== Exception caught by animation library =====================================================
The following assertion was thrown while notifying listeners for AnimationController:
setState() called after dispose(): _AnimatedState#16d19(lifecycle state: defunct, not mounted)

This error happens if you call setState() on a State object for a widget that no longer appears in the widget tree (e.g., whose parent widget no longer includes the widget in its build). This error can occur when code calls setState() from a timer or an animation callback.

The preferred solution is to cancel the timer or stop listening to the animation in the dispose() callback. Another solution is to check the "mounted" property of this object before calling setState() to ensure the object is still in the tree.
This error might indicate a memory leak if setState() is being called because another object is retaining a reference to this State object after it has been removed from the tree. To avoid memory leaks, consider breaking the reference to this object during dispose().

When the exception was thrown, this was the stack: 
#0      State.setState.<anonymous closure> (package:flutter/src/widgets/framework.dart:1167:9)
#1      State.setState (package:flutter/src/widgets/framework.dart:1202:6)
#2      _AnimatedState._handleChange (package:flutter/src/widgets/transitions.dart:129:5)
#3      AnimationLocalListenersMixin.notifyListeners (package:flutter/src/animation/listener_helpers.dart:161:19)
#4      AnimationController._tick (package:flutter/src/animation/animation_controller.dart:865:5)
#5      Ticker._tick (package:flutter/src/scheduler/ticker.dart:258:12)
#6      SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1386:15)
#7      SchedulerBinding.handleBeginFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:1233:11)
#8      _LinkedHashMapMixin.forEach (dart:collection-patch/compact_hash.dart:633:13)
#9      SchedulerBinding.handleBeginFrame (package:flutter/src/scheduler/binding.dart:1231:17)
#10     SchedulerBinding._handleBeginFrame (package:flutter/src/scheduler/binding.dart:1148:5)
#11     _invoke1 (dart:ui/hooks.dart:328:13)
#12     PlatformDispatcher._beginFrame (dart:ui/platform_dispatcher.dart:361:5)
#13     _beginFrame (dart:ui/hooks.dart:272:31)
The AnimationController notifying listeners was: AnimationController#7f69a(▶ 1.000)
====================================================================================================

(以下、大量に同様のメッセージ)
```

### 該当のソースコード

```Dart
import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Test app',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.green),
        useMaterial3: true,
      ),
      home: const MyHomePage(title: 'テストアプリ'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
        length: 2,
        child:Scaffold(
          appBar: AppBar(
            backgroundColor: Theme.of(context).colorScheme.inversePrimary,
            title: Text(widget.title),

            // タブバー
            bottom: const TabBar(
                tabs: <Widget>[
                  Tab(icon: Text("1")),
                  Tab(icon:Text("2")),
                ]
            ),
          ),

          // タブ別コンテンツ
          body: const TabBarView(children: <Widget>[
            Center(child: Text("page 1")),
            Center(child: Text("page 2")),
          ])
        ),
    );
  }
}

```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
"SetState()が関係している"という原因の内容しかありませんでした。少なくともこのソースコード内ではSetStateは実装していないので、探した限りでは、同じケースに遭遇する人は見つかりませんでした。

### 補足
ビルドはmacOS Desktopで行っています。
Chromeでのビルドでは、ログは発生しませんでした。

Flutter Tabbarの実行中にエラーが出る

### 実現したいこと

FlutterでSlidingUpPanelを使った画面を構築しています。
panelが最大化している状態でpanelをダブルタップした時に、panelが最小化するように実装したいです。

しかし、panelを最大化してから、panel内のウィジェットを下スクロールしてからダブルタップすると、panelが最小化したあと、最大化ができず、panel内のウィジェットがスクロールされます。
panel内のウィジェットをスクロールせずにダブルタップをした場合はpanelが正しく動作します。

正しく動作するためにどこを修正すればいいでしょうか。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-06-11/b42a6871-9904-423f-9c56-8f5a61a68a4a.gif)

### 該当のソースコード

```Dart
import 'package:flutter/material.dart';
import 'package:sliding_up_panel/sliding_up_panel.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'SlidingUpPanelDemo',
      home: MyHomePage(title: 'SlidingUpPanelDemo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  PanelController panelController = PanelController();
  DateTime lastTapTime = DateTime.now();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SlidingUpPanel(
        controller: panelController,
        minHeight: MediaQuery.of(context).size.height * 0.45,
        maxHeight: MediaQuery.of(context).size.height * 0.8,
        panelBuilder: (ScrollController scrollController) {
          return Listener(
            onPointerDown: (event) {
              final now = DateTime.now();
             
              if (now.difference(lastTapTime) <
                  const Duration(milliseconds: 300)) {
                if (panelController.isPanelOpen) {
                  scrollController.jumpTo(0);
                  panelController.close();
                }
              }
              lastTapTime = now;
            },
            child: GestureDetector(
              onDoubleTap: () {},
              child: SingleChildScrollView(
                controller: scrollController,
                child: Column(
                  children: [
                    for (int i = 0; i < 6; i++) ...{
                      Container(
                        height: 200,
                        color: Colors.blue,
                      ),
                      const Divider(color: Colors.grey),
                    }
                  ],
                ),
              ),
            ),
          );
        },
        borderRadius: const BorderRadius.only(
          topLeft: Radius.circular(24.0),
          topRight: Radius.circular(24.0),
        ),
        body: Container(
          decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.circular(24),
          ),
          padding: EdgeInsets.only(
            bottom: MediaQuery.of(context).size.height * 0.5,
          ),
        ),
      ),
    );
  }
}
```

### 試したこと

SingleChildScrollViewに下記を加えてましたが、やはり正しく動作しませんでした。

```Dart
physics: panelController.isPanelClosed ? const NeverScrollableScrollPhysics() : const AlwaysScrollableScrollPhysics(),
```


SlidingUpPanelでscrollController.jumpTo(0)を実行したあとにパネルを動かせない問題をどう解決するか

freezedを使う時よくお世話になる以下のような@マークが付いているコードについて調べても詳細が分からず困っています。

- @Default(null)
- @JsonKey(name: "jsonkey")

例えば、以下@DateTimeConverterクラスは正常に動くのですが、
意味がよくわからないまま使っていてモヤモヤするので勉強したいと思っています。
お手数をお掛けしますがよろしくお願いいたします。
```
import 'package:freezed_annotation/freezed_annotation.dart';

@freezed
abstract class TimeRange implements _$TimeRange {
  const TimeRange._();
  const factory TimeRange({
    // 開始時間
    @DateTimeConverter()
    @JsonKey(name: "date1")
    @Default(null)
    DateTime? start,
		
    // 終了時間
    @DateTimeConverter()
    @JsonKey(name: "date2")
    @Default(null)
    DateTime? end,
  }) = _TimeRange;
  factory TimeRange.fromJson(Map<String, dynamic> json) => _$TimeRangeFromJson(json);
}

class DateTimeConverter implements JsonConverter<DateTime?, String> {
  const DateTimeConverter();

  @override
  DateTime? fromJson(String value) {
    return DateTime.tryParse(value);
  }

  @override
  String toJson(DateTime? value) => value == null ? "" : value.toString();
}
```


Flutter(Dart) @class() の名称は何ですか？

flutter学習中です。

## テーマ、知りたいこと

任意の画面の初回描画時のみ処理を書いていますが（ボタンを押した後は実行されない）、こういった際は、StatefulWidgetのinitState()を使用するのが一般的でしょうか？
又、他に選択肢はあるのでしょうか？

## 背景

色々なサイトで学習していると現在はriverpodを使用するのが主流と書いてあり、StatefulWidgetはあまり使わないと書いてます。riverpodで書く事は出来るのでしょうか？また、riverpod（他の方法でも）に置き換えることは妥当なのでしょうか？

## 状況

念の為に、下にコードも出します。簡略化しているので動作しなければご容赦下さい。
CRUD対応のツイッター的なアプリを作っています。

＊入力画面から遷移して来る
＊初回描画にfirestoreにデータを作成。
＊登録完了を表示
＊ボタンを押して一覧画面へ遷移

このコードの中でinitState()を使用しないと、初回描画とボタンを押した際で２回
    await db.collection('tweets').doc().set(
      {
        'userName': widget.tweet_username,
        'text': widget.tweet_text,
      },
が実行されてしまいました。

よろしくお願いします。


```dart
import 'package:flutter/material.dart';
import 'package:cloud_firestore/cloud_firestore.dart';

class TweetAddexec extends StatefulWidget {
  final String tweet_username;
  final String tweet_text;

  const TweetAddexec({
    Key? key,
    required this.tweet_username,
    required this.tweet_text,
  }) : super(key: key);

  @override
  _TweetAddexecState createState() => _TweetAddexecState();
}

class _TweetAddexecState extends State<TweetAddexec> {
  @override
  void initState() {
    super.initState();

    final db = FirebaseFirestore.instance;
    await db.collection('tweets').doc().set(
      {
        'userName': widget.tweet_username,
        'text': widget.tweet_text,
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.orange,
      appBar: AppBar(
        title: Text('登録完了'),
        automaticallyImplyLeading: false,
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () => GoRouter.of(context).push('/tweet/index'),
        child: const Text('一覧画面へ'),
      ),
    );
  }
}

```

flutter、dart 初回描画時のみ実行される

AndroidStudioにてDartSDKのバージョン変更の方法を知りたいです。

FlutterでRiverpodを導入しようとしたところ、以下エラーが出てきて先へ進めません。

```
The current Dart SDK version is 2.13.4.

Because riverpod_sample requires SDK version >=2.14.0 <3.0.0, version solving failed.
pub get failed (1; Because riverpod_sample requires SDK version >=2.14.0 <3.0.0, version solving failed.)
```

pubspec.yamlにて、
```ここに言語を入力
environment:
  sdk: ">=2.14.0 <3.0.0"
```
上記のように変更をしてから「Pub get」を行おうとしても、同様のエラーが出てきて、先へは進めません。

AndroidStudioで進めており、Dart SDKのバージョンは以下の通りです。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-01-13/85be1806-7b78-45bd-b14d-6530b426bae6.png)

Dart SDKのバージョンを変更したいのですが、変更方法がわからないため、教えていただきたいです。
以下リンクの内容も試してみましたが、「2.14.0」への変更ができませんでした。
[https://dart.dev/get-dart](url)

「flutter upgrade」を行っても、DartSDKのバージョンは更新されませんでした。

どのようにしたら良いでしょうか？
よろしくお願いいたします。

【Flutter】Dart SDKのバージョン変更をしたい【AndroidStudio】

### 前提・実現したいこと

現在、UdacityのBuild Native Mobile Apps with Flutterを進めています。
この講座のLesson2-11でエラーが出てしまい、先に進めません。
解決方法を教えていただきたく存じます。

### 発生している問題・エラーメッセージ

```
LateInitializationError: Field '_currentCategory@24037776' has not been initialized.

```

### 該当のソースコード

```ここに言語名を入力
import 'package:flutter/material.dart';

import 'backdrop.dart';
import 'category.dart';
import 'category_tile.dart';
import 'unit.dart';
import 'unit_converter.dart';

class CategoryRoute extends StatefulWidget {
  const CategoryRoute();

  @override
  _CategoryRouteState createState() => _CategoryRouteState();
}

class _CategoryRouteState extends State<CategoryRoute> {
  late Category _defaultCategory;
  late Category _currentCategory;
  final _categories = <Category>[];
  static const _categoryNames = <String>[
    'Length',
    'Area',
    'Volume',
    'Mass',
    'Time',
    'Digital Storage',
    'Energy',
    'Currency',
  ];
 static const _baseColors = <ColorSwatch>[
   Colors.teal,
   Colors.orange,
   Colors.pinkAccent,
   Colors.blueAccent,
   Colors.yellow,
   Colors.greenAccent,
   Colors.purpleAccent,
   Colors.red,
 ];

 static const _categoryIcon = <IconData> [
   Icons.thumb_up,
   Icons.thumb_down,
   Icons.accessibility,
   Icons.accessible,
   Icons.accessible_outlined,
   Icons.account_box,
   Icons.adb,
   Icons.add_a_photo,
   Icons.add_alarm,
 ];

  @override
  void initState() {
    super.initState();
    for (var i = 0; i < _categoryNames.length; i++) {
      var category = Category(
        name: _categoryNames[i],
        color: _baseColors[i],
        icon: _categoryIcon[i],
        units: _retrieveUnitList(_categoryNames[i]),
      );
      if (i == 0) {
        _defaultCategory = category;
      }
      _categories.add(category);
    }
  }

  void _onCategoryTap(Category category) {
    setState(() {
      _currentCategory = category;
    });
  }

  Widget _buildCategoryWidgets() {
    return ListView.builder(
      itemBuilder: (BuildContext context, int index) {
        return CategoryTile(
          category: _categories[index],
          onTap: _onCategoryTap,
        );
      },
      itemCount: _categories.length,
    );
  }

  List<Unit> _retrieveUnitList(String categoryName) {
    return List.generate(10, (int i) {
      i += 1;
      return Unit(
        name: '$categoryName Unit $i',
        conversion: i.toDouble(),
      );
    });
  }

  @override
  Widget build(BuildContext context) {
    final listView = Padding(
      padding: EdgeInsets.only(
        left: 8.0,
        right: 8.0,
        bottom: 48.0,
      ),
      child: _buildCategoryWidgets(),
    );

    return Backdrop(
      currentCategory:
          _currentCategory == null ? _defaultCategory : _currentCategory,
      frontPanel: _currentCategory == null
          ? UnitConverter(category: _defaultCategory)
          : UnitConverter(category: _currentCategory),
      backPanel: listView,
      frontTitle: Text('Unit Converter'),
      backTitle: Text('Select a Category'),
    );
  }
}
```

### 試したこと
[試した解決方法(リンク先はstackoverflowです）](https://stackoverflow.com/questions/67401385/lateinitializationerror-field-data-has-not-been-initialized-got-error)



### 補足情報（FW/ツールのバージョンなど）

Flutter 2.20
Dart 2.13.0
VSCode 1.56.2

LateInitializatioinErrorの対処法を教えてください。

### 実現したいこと

- [ ] The expression doesn't evaluate to a function, so it can't be invoked.を解決させて、正常な挙動にする。

### 前提

FlutterのUI構築の仕方を勉強するにあたり、Youtubeの動画を真似して勉強しています。

### 発生している問題・エラーメッセージ

```
The expression doesn't evaluate to a function, so it can't be invoked.
```

### 該当のソースコード

```nav_screen.dart
import 'package:facebook_clone/screens/screens.dart';
import 'package:flutter/material.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
import 'home_screen.dart';

import '../widgets/widgets.dart';

class NavScreen extends StatefulWidget {
  const NavScreen({super.key});

  @override
  State<NavScreen> createState() => _NavScreenState();
}

class _NavScreenState extends State<NavScreen> {
  final List<Widget> _screens = [
    HomeScreen(),
    Scaffold(),
    Scaffold(),
    Scaffold(),
    Scaffold(),
    Scaffold(),
  ];
  final List<IconData> _icons = [
    Icons.home,
    Icons.ondemand_video,
    MdiIcons.accountCircleOutline,
    MdiIcons.accountGroupOutline,
    MdiIcons.bellOutline,
    Icons.menu,
  ];
  int _selectedIndex = 0;

  @override
  Widget build(BuildContext context) {
    return DefaultTabController(
      length: _icons.length,
      child: Scaffold(
        body: _screens(_selectedIndex),
        bottomNavigationBar: CustomTabBar(
          icons: _icons,
          selectedIndex: _selectedIndex,
          onTap: (index) => setState(() => _selectedIndex = index),
        ),
      ),
    );
  }
}

```
```home_screen.dart
import 'package:facebook_clone/config/palette.dart';
import 'package:facebook_clone/data/data.dart';
import 'package:facebook_clone/widgets/circle_button.dart';
import 'package:flutter/material.dart';
import 'package:material_design_icons_flutter/material_design_icons_flutter.dart';
import 'package:facebook_clone/widgets/widgets.dart';

import '../models/models.dart';

class HomeScreen extends StatelessWidget {
  const HomeScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: CustomScrollView(
        slivers: [
          SliverAppBar(
            brightness: Brightness.light,
            backgroundColor: Colors.white,
            title: Text(
              "facebook",
              style: TextStyle(
                color: Palette.facebookBlue,
                fontSize: 28.0,
                fontWeight: FontWeight.bold,
                letterSpacing: -1.2,
              ),
            ),
            centerTitle: false,
            floating: true,
            actions: [
              CircleButton(
                icon: Icons.search,
                iconSize: 30.0,
                onPressed: () => print("Search"),
              ),
              CircleButton(
                icon: MdiIcons.facebookMessenger,
                iconSize: 30.0,
                onPressed: () => print("Messenger"),
              ),
            ],
          ),
          SliverToBoxAdapter(
            child: CreatePostContainer(currentUser: currentUser),
          ),
          SliverPadding(
            padding: const EdgeInsets.fromLTRB(0.0, 10.0, 0.0, 5.0),
            sliver: SliverToBoxAdapter(
              child: Rooms(onlineUsers: onlineUsers),
            ),
          ),
          SliverPadding(
            padding: const EdgeInsets.fromLTRB(0.0, 5.0, 0.0, 5.0),
            sliver: SliverToBoxAdapter(
              child: Stories(
                currentUser: currentUser,
                stories: stories,
              ),
            ),
          ),
          SliverList(
            delegate: SliverChildBuilderDelegate(
              (context, index) {
                final Post post = posts[index];
                return PostContainer(post: post);
              },
              childCount: posts.length,
            ),
          ),
        ],
      ),
    );
  }
}

```

```widgets.dart
export 'circle_button.dart';
export 'create_post_container.dart';
export 'rooms.dart';
export 'profile_avatar.dart';
export 'stories.dart';
export 'post_container.dart';
export 'custom_tab_bar.dart';

```


### 試したこと

The expression doesn't evaluate to a function, so it can't be invoked.を和訳したところ、
この式は関数として評価されないので、呼び出すことはできません。という意味だと判明。
The expression doesn't evaluate to a function, so it can't be invoked.でググったところ、以下のページに行き着く。
https://stackoverflow.com/questions/63667623/currentuser-is-not-working-type-why-i-am-seeing-the-expression-doesnt-evaluat
上記のページをもとにして考えてみたところ、nav_screen.dart38行目での記述body: _screens(_selectedIndex),は関数の呼び出しで使っているはずなのに記述として間違っていることはわかりました。しかしお手本にしている動画(1:05:30秒辺り)https://www.youtube.com/watch?v=HvLb5gdUfDE&t=62s
では関数の呼び出しとして機能しています。いろいろ自分なりに調べてみましたが今回の場合どう対応させれば良いのかというのが30分ほど考えてみましたがわからなかったので質問させてください。
現在FlutterのUIの構築のやり方を勉強するという段階なので今回の場合だとどううまく対応させれば良いかがわからない状況です。widgets.dartにexportしている各ファイルは記述量が多くなってしまうのでコメント欄に記載させていただきます。情報の追加依頼などありましたらコメントお願いします。
### 補足情報（FW/ツールのバージョンなど）
[✓] Flutter (Channel stable, 3.7.0, on macOS 13.1 22C65
darwin-x64, locale ja-JP)
[✓] Android toolchain - develop for Android devices
(Android SDK version 32.1.0-rc1)
[✓] Xcode - develop for iOS and macOS (Xcode 14.2)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.2)
[✓] VS Code (version 1.74.3)
[✓] Connected device (3 available)
[✓] HTTP Host Availability

参考にしている動画
https://www.youtube.com/watch?v=HvLb5gdUfDE&t=62s






The expression doesn't evaluate to a function, so it can't be invoked.

### 実現したいこと
AlertDialog.adaptiveウィジェットの背景色をIOSで指定したいです。

### 発生している問題・分からないこと
AlertDialog.adaptiveウィジェットを使用しているのですが、Androidでは`backgroundColor`で背景色を指定すると背景色に反映されます。

ただし、IOSではbackgroundColorで色を指定しても反映されません。
IOSでも「AlertDialog.adaptive」の背景色を指定するにはどうすればよいですか?



### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
themeで`dialogBackGraoundColor`や`dialogTheme`で`backGroundColor`を指定してみたのですが反映されませんでした。
`AlertDialog.adaptive`ではなく、`CupertinoAlertDialog`を使用したかったのですが、そもそも`backGroundColor`プロパティがなかったです。

### 補足
特になし