【Flutterエラー対応】Error: To set up CocoaPods for ARM macOS, runError: type ‘Null’ is not a subtype of type ‘String’ in type cast

2023 3/20

2022-10-14 2023-03-20

Flutter のアプリ開発でtype ‘Null’ is not a subtype of type ‘String’ in type castと表示されて、どう対応したら良いのか分からない。

この記事で分かること！

type ‘Null’ is not a subtype of type ‘String’ in type castエラーの対処法
nullsafetyとは

ちなみに、Flutterのスキルを０から効率的に伸ばす方法は、仕事として実務を経験することです。そして、最速で転職・就職・副業するには学習をどんどん進め、ポートフォリオを最優先で完成させましょう！応募できそうなFlutter案件をチェックすると必要なスキルも分かり学習に身が入ります！Flutter案件/求人の探し方はコチラで詳しく解説していますので、ご参考にして下さい。

事象「Flutterエラー対応)Error: type ‘Null’ is not a subtype of type ‘String’ in type cast」

開発環境

モデル	MacBook Air 2020
CPU・GPU	M1（GPU８コア GPU8コア）
メモリ	16GB
SSD	512GB
Flutter	3.3.0
Dart	2.18.0

エラー内容

======== Exception caught by widgets library =======================================================
The following _CastError was thrown building XXXX(dirty):
type 'Null' is not a subtype of type 'String' in type cast

原因:Null Safety

エラー原因のソースコード

import 'package:flutter/material.dart';
import './question.dart';
import './answer.dart';

class Quiz extends StatelessWidget {
  final List<Map<String, Object>> questions;
  final int questionIndex;
  final Function answerQuestion;

  Quiz({
    required this.questions,
    required this.answerQuestion,
    required this.questionIndex
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Question(
          questions[questionIndex]['questionText']as String
        ),
        ...(questions[questionIndex]['answers'] as List<Map<String,Object>>).map((answer) {
          return Answer(() => answerQuestion(answer['score']), answer['text']as String);
        }).toList()
      ],
    );
  }
}

dart 2.12 からNull Safetyになりました。

Null Safetyとは

Dart 2.12 より前は、アプリ実行時にNullPointerExceptionとなりシステムエラーとなってました。現在はコンパイル時にエラーとなるのです。

対処方法：to String

対応後のソースコード

import 'package:flutter/material.dart';
import './question.dart';
import './answer.dart';

class Quiz extends StatelessWidget {
  final List<Map<String, Object>> questions;
  final int questionIndex;
  final Function answerQuestion;

  Quiz({
    required this.questions,
    required this.answerQuestion,
    required this.questionIndex
  });

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Question(
          questions[questionIndex]['questionText'].toString(),
        ),
        ...(questions[questionIndex]['answers'] as List<Map<String,Object>>).map((answer) {
          return Answer(() => answerQuestion(answer['score']), answer['text'].toString());
        }).toList()
      ],
    );
  }
}

as stringの箇所を.tostring()に修正し正常に動作。