logo

该视频仅会员有权观看

立即开通课程「Flutter 移动端应用开发实践」权限。

¥
199
/ 年

定义创建内容表单小部件(PostCreateForm)

  • 打开软件,编辑小部件,添加属性。
  • 准备表单需要的key,创建全局form state类型的form key。
  • 添加canvas zit属性,默认值为true。
  • 准备标题和正文字段的控制器:title field controller和content field controller,两者均为text editing controller类型。
  • 在p o s s e e t t m m t t t方法内声明p o s t c r s model,watch类型为p o s s t r e e model。
  • 导入package provider,编辑小部件新增标题字段,设置标题的label和controller,并设置其enabled属性绑定到p o s s t r e s model的loading状态。
  • 添加canvas和方法处理title field值更新,复制title field设置的正文域内容field controller。
  • 添加is multiple line属性,设为true,并在on change方法中更新p o s t r e e model的内容。
  • 定义方法submit chris post以提交内容,创建提交按钮app button,设置其文本、点击行为,并根据loading状态启用或禁用。
  • 完善build方法,使其返回一个带有form、column、title field、content field和submit button的界面。
  • 调整p o s t c r s model的loading值,用于控制表单及按钮的可用状态,最后将loading的默认值设为false。