Flutter實戰視頻-移動電商-37.路由_Fluro引入和商品詳細頁創建

37.路由_Fluro引入和商品詳細頁創建

 

https://github.com/theyakka/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}'),
      ),
    );
  }
}