Flutter实战视频-移动电商-37.路由_Fluro引入和商品详细页建立-优快云博客

本文介绍如何在Flutter中使用Fluro插件实现路由跳转，并创建商品详细页面。通过实例演示了如何添加Fluro路由插件、解决下载问题、在main.dart中引入Fluro以及在details_page.dart中构建商品详情页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

37.路由_Fluro引入和商品详细页建立

pages/details_page.dart新建页面

使用路由

先添加路由插件的引用

  fluro: ^1.4.0

如果网络上下载不下来，可以采用这种形式去下载，使用git的地址

遇到问题，无法更新下来 fluro的引用

解决方法：

重启电脑。删除
D:\Flutter\flutter\bin\cache\lockfile

然后打开科学的网，切换到日本的节点。才能更新下来。刚开始用的香港和美国的几点也不行，后来又用的日本节点终于更新下来了

main.dart引入fluro

   import 'package:fluro/fluro.dart';
  

最终代码：

pages/details_page.dart

import 'package:flutter/material.dart';

class DetailsPage extends StatelessWidget {
  final String goodsId;

  DetailsPage(this.goodsId);//flutter 1.2的最新的写法 构造函数

  @override
  Widget build(BuildContext context) {
    return Container(
      child: Center(
        child: Text('商品ID：${goodsId}'),
      ),
    );
  }
}