先解决一个坑

取消上面的GridVIew的回弹效果。就是在拖这个gridview的时候有一个滚动的效果

physics: NeverScrollableScrollPhysics(),

大R刷新后，点击这里的空白的地方，GridView就不会有滚动的效果了。

分类页面后端接口调试

service_url.dart配置接口的地址和名称

const serviceUrl='http://test.baixingliangfan.cn/baixing/'; const servicePath={ 'homePageContent':serviceUrl+'wxmini/homePageContent',//商店首页信息 'homePageBelowConten':serviceUrl+'wxmini/homePageBelowConten',//商城首页热卖商品 'getCategory':serviceUrl+'wxmini/getCategory',//商品类别信息 };

pages/category_page.dart

引入数据访问类和dart自带的转换json的

这里的代码删除掉，我们把类修改成一个动态的widget

class CategoryPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center(child: Text('分类页面'),), ); } }

stfu快速生成动态的widget

效果展示 

flutter的缺点就是加载首页的时候把其他接个页面的数据也加载了。很多人论坛提这个问题，目前还没有解决

最终代码：

import 'package:flutter/material.dart'; import '../service/service_method.dart'; import 'dart:convert'; class CategoryPage extends StatefulWidget { @override _CategoryPageState createState() => _CategoryPageState(); } class _CategoryPageState extends State<CategoryPage> { @override Widget build(BuildContext context) { _getCategory(); return Container( child:Center( child: Text('分类页面'), ) ); } void _getCategory() async{ await request('getCategory').then((val){ var data=json.decode(val.toString()); print(data); }); } }

.

转载于:https://www.cnblogs.com/crazycode2/p/11391564.html