常連

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】

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 初回描画時のみ実行される

### 実現したいこと
Flutterで作ったWindowsアプリと、VB.NETで作ったWindowsフォームアプリケーションの処理速度の比較を行いたい

### 前提
FlutterでWindowsアプリを作った場合と、VB.NETでWindowsアプリを作った場合のそれぞれのメリットを調べています。
その中で、処理速度の比較を行おうと思い、.txtファイルを出力するだけのアプリを作ってprintfで経過時間を計測しようと考えました。
しかし使用するライブラリや、実装する機能によってそれぞれの得意不得意が変わってしまうため、根本の処理速度の比較をどうすれば良いかわかりません。

こうすればいいよという案があれば教えて頂きたいです。




Flutterで作ったWindowsアプリと、VB.NETで作ったWindowsフォームアプリケーションの処理速度の比較を行いたい

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

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

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



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

```
特になし
```

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

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

### 補足
特になし

AlertDialog.adaptiveを使用しているのですが、IOSで表示されるダイアログの背景色が変更できません

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

```
Execution failed for task ':app:processDebugManifest'.
> Unable to make field private final java.lang.String java.io.File.path accessible: module java.base does not "opens java.io" to unnamed module @2c37eea0

```

### 知りたいこと
行き詰まり状態なのでこれから何をしたらいいかだけでも教えていただきたいです。

### 試したこと

調べてみると、Manifest.xmlになにか問題があるっぽいですがどこが悪いのかわからないです。
ところどころ赤字にはなっていますが得られる情報はないです。

### AndroidManifest.xml
```xml
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.translation_diary">
   <application
        android:label="translation_diary"
        android:icon="@mipmap/ic_launcher">
        <activity
            android:name=".MainActivity"
            android:launchMode="singleTop"
            android:theme="@style/LaunchTheme"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|smallestScreenSize|locale|layoutDirection|fontScale|screenLayout|density|uiMode"
            android:hardwareAccelerated="true"
            android:windowSoftInputMode="adjustResize">
            
            <meta-data
              android:name="io.flutter.embedding.android.NormalTheme"
              android:resource="@style/NormalTheme"
              />
            
            <meta-data
              android:name="io.flutter.embedding.android.SplashScreenDrawable"
              android:resource="@drawable/launch_background"
              />
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
        </activity>
        
        <meta-data
            android:name="flutterEmbedding"
            android:value="2" />
    </application>
</manifest>
```

ビルドエラーでrunできない

### 実現したいこと
選択範囲をContainerウィジェットに合わせたい

### 発生している問題・分からないこと
Containerウィジェットにアイコン（または画像）とテキストウィジェットを配置するようなクラスがあります。このContainerをクリックした時に色を変えたいのですが、Containerではなくアイコン（または画像）とテキストウィジェットの部分のみが選択範囲となってしまうのでこれをContainerにしたいです。



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

```Dart
呼び出し元
const Row(
            children: [
              Expanded(
              child: IconWithText(
                  icon: Icons.thumb_up_off_alt_outlined,
                  text: 'いいね!',
              ),
              ),
              Expanded(
              child: IconWithText(
                  text: 'コメント!',
                  img: true,
                  imgPath: 'images/comment.png',
              ),
              ),
              Expanded(
              child: IconWithText(
                  icon: Icons.share,
                  text: 'シェア',
              ),
              ),
          ],
        ),
```

```Dart
呼び出し先
class IconWithText extends StatefulWidget {
  final IconData? icon;
  final String text;
  final String imgPath;
  final bool img;

  const IconWithText({
    super.key,
    this.icon,
    required this.text,
    this.img = false,
    this.imgPath = '',
  });

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

class IconWithTextState extends State<IconWithText> {
  bool isSelected = false;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTapDown: (details) {
        setState(() {
          isSelected = true;
        });
      },
      onTapUp: (details) {
        setState(() {
          isSelected = false;
        });
      },
      onTapCancel: () {
        setState(() {
          isSelected = false;
        });
      },
      child: Container(
        height: 40,
        color: isSelected ? Colors.grey : null,
          child: Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            if (widget.icon == null)
              Center(
                child: Image.asset(widget.imgPath, width: 25, height: 25,)
              )
            else
              Center(
                child: Icon(widget.icon, size: 20),
              ),
            const SizedBox(width: 5),
            Center(
              child: Text(widget.text, style: const TextStyle(fontSize: 12)),
            ),
          ],
          ),
      ),
    );
  }
}
```

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

##### 上記の詳細・結果
Tableなどを使用して試したみたがダメでした。

### 補足
以下のようにContainerのエリアを選択範囲にしたい
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-03-09/aef6b2fb-2c6b-4dfb-85f7-2b9f4955bf6a.png)

現状アイコンとテキストのみが選択範囲になっている。

色はContainer全体が変わっており期待通り。

選択範囲をContainerウィジェットに合わせたい

### 前提・実現したいこと

現在、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の対処法を教えてください。

### 実現したいこと
Flutter webで四角いボックスになってしまうアイコンを本来のデザインに戻したい。

### 発生している問題・分からないこと
以下の写真のようにアイコン（本来は歯車のアイコン）が四角いボックスになってしまいます。
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-04/d6fc9dde-82de-4819-a1f6-19cc9f9ef01e.jpeg)
原因はFlutter webでNotoSansを使用するためにFontManifest.jsonを作成したことです。
https://stackoverflow.com/questions/57344511/how-to-add-custom-font-in-flutter-web/63813137#63813137



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

```
特になし
```

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

##### 上記の詳細・結果
そのため解決策として提示されていたMaterialIcons-Extended.ttfをアプリに取り込み、Fontmanifest.jsonを編集したのですが結局直りませんでした。
https://stackoverflow.com/questions/56067767/flutter-web-not-displaying-material-design-icons

### 補足
特になし