flutter「error: The named parameter 'floatingActionButton' isn't defined.」

Question

前提

flutter始めたてでCRUD機能の学習をしています。
参考URLのコードをコピペしたところ、エラーが発生しました。
参考URL：https://kimuralog.com/?p=2283

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

error: The named parameter 'floatingActionButton' isn't defined. (undefined_named_parameter at [irregular_shogi] lib/main.dart:164)

該当のソースコード

main.dart

import 'package:flutter/material.dart';

import 'NoteViewModel.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Note',
        theme: ThemeData(
          primarySwatch: Colors.deepPurple,
        ),
        home: const HomePage());
  }
}

class HomePage extends StatefulWidget {
  const HomePage({Key? key}) : super(key: key);

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

class _HomePageState extends State<HomePage> {
  List<Map<String, dynamic>> _memo = [];

  bool _isLoading = true;

  void _refreshJournals() async {
    final data = await NoteViewModel.getNotes();
    setState(() {
      _memo = data;
      _isLoading = false;
    });
  }

  @override
  void initState() {
    super.initState();
    _refreshJournals();
  }

  final TextEditingController _titleController = TextEditingController();
  final TextEditingController _descriptionController = TextEditingController();

  void _showForm(int? id) async {
    if (id != null) {
      final existingJournal =
      _memo.firstWhere((element) => element['id'] == id);
      _titleController.text = existingJournal['title'];
      _descriptionController.text = existingJournal['description'];
    }
    showModalBottomSheet(
        context: context,
        elevation: 5,
        isScrollControlled: true,
        builder: (_) => Container(
        padding: EdgeInsets.only(
          top: 15,
          left: 15,
          right: 15,
          bottom: MediaQuery.of(context).viewInsets.bottom + 120,
        ),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.end,
          children: [
          TextField(
          controller: _titleController,
          decoration: const InputDecoration(hintText: 'Title'),
        ),
        const SizedBox(
          height: 10,
        ),
        TextField(
          controller: _descriptionController,
          decoration: const InputDecoration(hintText: 'Description'),
        ),
        const SizedBox(
          height: 20,
        ),
        ElevatedButton(
        onPressed: () async {
      if (id == null) {
        await _addItem();
      }

      if (id != null) {
        await _updateItem(id);
      }
      _titleController.text = '';
      _descriptionController.text = '';

      Navigator.of(context).pop();
        },
          child: Text(id == null ? 'Create New' : 'Update'),
        )
          ],
        ),
        ));
  }

  Future<void> _addItem() async {
    await NoteViewModel.createItem(
        _titleController.text, _descriptionController.text);
    _refreshJournals();
  }

  Future<void> _updateItem(int id) async {
    await NoteViewModel.updateItem(
        id, _titleController.text, _descriptionController.text);
    _refreshJournals();
  }

  void _deleteItem(int id) async {
    await NoteViewModel.deleteItem(id);
    ScaffoldMessenger.of(context).showSnackBar(const SnackBar(
      content: Text('Successfully deleted a journal!'),
    ));
    _refreshJournals();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
        title: const Text('Notes'),
    ),
    body: _isLoading
    ? const Center(
    child: CircularProgressIndicator(),
    )
        : ListView.builder(
    itemCount: _memo.length,
    itemBuilder: (context, index) => Card(
    color: Colors.deepPurple[200],
    margin: const EdgeInsets.all(15),
    child: ListTile(
    title: Text(_memo[index]['title']),
    subtitle: Text(_memo[index]['description']),
    trailing: SizedBox(
    width: 100,
    child: Row(
    children: [
    IconButton(
    icon: const Icon(Icons.edit),
    onPressed: () => _showForm(_memo[index]['id']),
    ),
    IconButton(
    icon: const Icon(Icons.delete),
    onPressed: () => _deleteItem(_memo[index]['id']),
    ),
    ],
    ),
    )),
    ),
    floatingActionButton: FloatingActionButton(
    child: const Icon(Icons.add),
    onPressed: () => _showForm(null),
    ),
    ),
    );
  }
}

試したこと

エラー文で調べましたが、それらしき情報が見当たりませんでした。

Answer 1

質問文のコードではListView.builderの中でfloatingActionButtonフィールドを記述しています。
ListViewにfloatingActionButtonフィールドは存在しないのでそのエラーが出ています。
floatingActionButtonフィールドはScaffoldウィジェットのフィールドです。

リンク先のコードではその箇所は正しいようなので、コピペし直して動かせばそのエラーは消えると思われます。

Comments

[izumin123]

アンサーの通り変更したら動かすことができました。
ありがとうございました！