テキストフィールドに入力された文章を次ページで表示したい。

Question

前提・実現したいこと

テキストフィールド入力された文章を次の確認ページで表示したいのと同時に、文章を入力するページには、その一つ前のページで選ばれた文章を表示したい。
よろしくお願いします。

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

おそらくNullに関する問題。

════════ Exception caught by widgets library ═══════════════════════════════════
The following _CastError was thrown building resultPage(dirty):
Null check operator used on a null value

該当のソースコード

import 'package:flutter/material.dart';
import 'package:hermeneutic_composers/ResultPage.dart';

class writingPage extends StatelessWidget {
  final String theme;

  writingPage({
    required this.theme,
  });
  String? name;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("お題確認画面"),
        ),
        body: Container(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Text('お題は「' + theme + '」です。'),
              TextField(
                onChanged: (value) {
                  setState(() {
                    name = value;
                  });
                },
                decoration: InputDecoration(hintText: '文章を入力してください。'),//ここに文章を入力したい。
              ),
              ElevatedButton(
                  child: Text('投稿画面へ'),
                  onPressed: () {
                    Navigator.push(
                      context,
                      MaterialPageRoute(
                          builder: (context) => resultPage(name: name)),
                    );
                  }),
            ], //children
          ),
        ));
  }

  void setState(Null Function() param0) {}
}

import 'package:flutter/material.dart';

class resultPage extends StatelessWidget {
  resultPage({
    required this.name,
  });
  String? name;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("制作完了"),
        ),
        body: Container(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              Text(name!),//ここに前の文章を表示したい。
            ], //children
          ),
        ));
  }
}

試したこと

writingPageのString? name;の部分をlast String name;にしてresultPageのString? name;の部分をfinal String name;にして見ましたが、そうするとLastInitializationErrorという別のエラーが生じました。

Answer 1

そもそもの問題として、StatelessWidgetでは動作しない。
このことから、StatefulWidgetのクラスを作り、前ページから要素を受け渡す。
その後に、StatefulWidgetクラスとwritingPageクラスの間で要素を受け渡すことによって問題を解決。