带你读《深入浅出Dart》三十、Flutter实战之TODO应用(2)https://developer.aliyun.com/article/1348582?groupCode=tech_library
在这段代码中,我们创建了一个TodoEditScreen类作为任务编辑页面,它也是一个有状态的小部件。在initState方法中,我们初始化了文本编辑器的控制器,并根据传入的任务初始化了相应的值。
在build方法中,我们使用Scaffold和Column来显示标题、描述和完成状态的输入字段。用户可以在这个页面上输入任务的详细信息,并使用保存按钮将其保存。
步骤 5:运行应用
现在,我们已经完成了强大的TODO应用的代码编写。在终端中,运行以下命令来启动应用程序:
flutter run
Flutter将在模拟器或设备上运行应用程序,并显示任务列表界面。您可以点击浮动按钮添加新的任务,点击任务列表项编辑任务的标题、描述和完成状态。
- 参考资料
- Dart官方文档open in new window
- Flutter官方文档open in new window
- Flutter实战教程