如何在flutter中将方法传递到另一个类中

Question

我尝试使用 flutter 创建一个任务应用程序，所以我在 DialogBox 中创建了一个文本字段，我的目标是当我在文本字段中添加一些文本时，当我单击“确定”按钮时，我需要在列表中显示该文本。但我不知道如何调用另一个类中的方法，我添加了两个类。

ListTask 类

import 'package:flutter/material.dart';

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

  @override
  State<ListTask> createState() => _ListTaskState();
}

class _ListTaskState extends State<ListTask> {
  final List<String> tasks = ['masu', 'adasf', 'wfqf', 'santha'];

    final TextEditingController _textFieldController = TextEditingController();

  void addItemToList() {
    setState(() {
      tasks.insert(0, _textFieldController.text);
    });
  }


  @override
  Widget build(BuildContext context) {
    return Container(
      height: 320,
      width: double.maxFinite,
      child: ListView.builder(
        padding: EdgeInsets.only(bottom: 10),
        itemCount: tasks.length,
        itemBuilder: (context, index) {
          return Card(
            elevation: 1,
            color: Colors.grey[200],
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                ExpansionTile(title: Text(tasks[index]), children: <Widget>[
                  ListTile(
                    title: Text(tasks[index]),
                  )
                ]),
              ],
            ),
          );
        },
      ),
    );
  }

    Future<void> _displayTextInputDialog(BuildContext context) async {
    return showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text('TextField in Dialog'),
            content: TextField(
              onChanged: (value) {
                setState(() {
                  // valueText = value;
                });
              },
              controller: _textFieldController,
              decoration: InputDecoration(hintText: "Text Field in Dialog"),
            ),
            actions: <Widget>[
              FlatButton(
                color: Colors.red,
                textColor: Colors.white,
                child: Text('CANCEL'),
                onPressed: () {
                  setState(() {
                    Navigator.pop(context);
                  });
                },
              ),
              FlatButton(
                color: Colors.green,
                textColor: Colors.white,
                child: Text('OK'),
                onPressed: () {
                  setState(() {
                    addItemToList();
                    Navigator.pop(context);
                  });
                },
              ),
            ],
          );
        });
  }
}

TaskApp 类

import 'package:flutter/material.dart';
import 'package:task_app/Widgets/listtasks.dart';
import 'package:task_app/Widgets/logo.dart';
import 'package:task_app/Widgets/searchbar.dart';

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

  @override
  State<TaskApp> createState() => _TaskAppState();
}

class _TaskAppState extends State<TaskApp> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(

      body: Padding(
        padding: const EdgeInsets.all(15.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            SizedBox(height: 10),
            Logo(),
            SizedBox(height: 0),
            SearchBar(),
            SizedBox(height: 15),
            Column(
              children: [
                Text(
                  'All tasks',
                  style: TextStyle(fontWeight: FontWeight.bold, fontSize: 15.0),
                )
              ],
            ),
            SizedBox(height: 15),
            ListTask(),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton.extended(
        onPressed: () {
          _displayTextInputDialog(context);
        },
        label: const Text('Add Task'),
        icon: const Icon(Icons.add),
        backgroundColor: Colors.blue[900],
      ),
    );
  }
}

TaskApp 类中该方法的调用点：

方法：

Answer 1

你可以尝试一下，它会从 TaskApp(StatefulWidget) 小部件调用 ListTask(StatefulWidget) 中定义的方法。

TaskApp.dart

import 'package:flutter/material.dart';
import 'package:vcare/Screens/tetxing1.dart';


class TaskApp extends StatefulWidget {
    final ListTask  listTask;
  const TaskApp({Key? key,required this.listTask}) : super(key: key);

  @override
  State<TaskApp> createState() => _TaskAppState();
}

class _TaskAppState extends State<TaskApp> {

  @override
  Widget build(BuildContext context) {
    return Scaffold(

      body: Padding(
        padding: const EdgeInsets.all(15.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            SizedBox(height: 10),
           // Logo(),
            SizedBox(height: 0),
            //SearchBar(),
            SizedBox(height: 15),
            Column(
              children: [
                Text(
                  'All tasks',
                  style: TextStyle(fontWeight: FontWeight.bold, fontSize: 15.0),
                )
              ],
            ),
            SizedBox(height: 15),
            ListTask(),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton.extended(
        onPressed: () {
        ListTask().method1(context);

        },
        label: const Text('Add Task'),
        icon: const Icon(Icons.add),
        backgroundColor: Colors.blue[900],
      ),
    );
  }
}

ListTask.dart

import 'package:flutter/material.dart';

class ListTask extends StatefulWidget {

 method1(context) => createState().displayTextInputDialog(context);
  @override
  _ListTaskState createState() => _ListTaskState();
}

class _ListTaskState extends State<ListTask> {

  final List<String> tasks = ['masu', 'adasf', 'wfqf', 'santha'];

  final TextEditingController _textFieldController = TextEditingController();

  void addItemToList() {
    setState(() {
      tasks.insert(0, _textFieldController.text);
    });
  }
 

  @override
  Widget build(BuildContext context) {
    return Container(
      height: 320,
      width: double.maxFinite,
      child: ListView.builder(
        padding: EdgeInsets.only(bottom: 10),
        itemCount: tasks.length,
        itemBuilder: (context, index) {
          return Card(
            elevation: 1,
            color: Colors.grey[200],
            child: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                ExpansionTile(title: Text(tasks[index]), children: <Widget>[
                  ListTile(
                    title: Text(tasks[index]),
                  )
                ]),
              ],
            ),
          );
        },
      ),
    );
  }

    Future<void> displayTextInputDialog(BuildContext context) async {
    return showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text('TextField in Dialog'),
            content: TextField(
              onChanged: (value) {
                setState(() {
                  // valueText = value;
                });
              },
              controller: _textFieldController,
              decoration: InputDecoration(hintText: "Text Field in Dialog"),
            ),
            actions: <Widget>[
              FlatButton(
                color: Colors.red,
                textColor: Colors.white,
                child: Text('CANCEL'),
                onPressed: () {
                  setState(() {
                    Navigator.pop(context);
                  });
                },
              ),
              FlatButton(
                color: Colors.green,
                textColor: Colors.white,
                child: Text('OK'),
                onPressed: () {
                  setState(() {
                    addItemToList();
                    Navigator.pop(context);
                  });
                },
              ),
            ],
          );
        });
  }
}

如果您发现此解决方案有帮助，请标记为已接受的答案