logo

该视频仅会员有权观看

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

¥
199
/ 年

从路由名字中提取参数

  • 在小部件中经常需要用参数值请求服务端接口来获取显示内容。
  • 创建了一个post show小部件,用于在leap app post show中展示,拥有类型为string的postID属性。
  • 此小部件根据postID参数值请求服务端数据,包含了一个app bar和一个center组件,后者的child是一个显示“内容+postID值”的text组件。
  • 文本样式使用context中的headline6
  • playground路由的按钮文本改为“查看内容”,navigate.pushNamed方法的路由设置为/post/3
  • onGenerateRoute方法通过解析路由名提取postID值,实现了路由生成materialPageRoute,该路由返回包含postID参数的post show小部件。
  • 测试中通过点击"查看内容"按钮,可以展示相应的post show小部件内容及其postID,可以将此ID由3改为6进行再次测试。