Flutter-防京东商城项目-订单列表、订单详情页面布局-45

一直觉得自己写的不是技术,而是情怀,一个个的教程是自己这一路走来的痕迹。靠专业技能的成功是最具可复制性的,希望我的这条路能让你们少走弯路,希望我能帮你们抹去知识的蒙尘,希望我能帮你们理清知识的脉络,希望未来技术之巅上有你们也有我。

1.修改一个BUG。当确单页面没有地址的时候提示修改地址才能跳去支付页面。
添加下面的代码
导入
Flutter-防京东商城项目-订单列表、订单详情页面布局-45

import 'package:fluttertoast/fluttertoast.dart';

child: RaisedButton(
  child:
      Text('立即下单', style: TextStyle(color: Colors.white)),
  color: Colors.red,
  onPressed: () async {
    if (this._addressList.length > 0) {//--------------------------------------------
         ....
        //跳转到支付页面
        Navigator.pushNamed(context, '/pay');
      }
      //--------------------------------------------
    } else {
      Fluttertoast.showToast(
        msg: '请填写收货地址',
        toastLength: Toast.LENGTH_SHORT,
        gravity: ToastGravity.CENTER,
      );
    }
    //--------------------------------------------

2.把订单列表跟订单详情拖进来。
Flutter-防京东商城项目-订单列表、订单详情页面布局-45
3.配置路由。
Flutter-防京东商城项目-订单列表、订单详情页面布局-45

import '../pages/Order.dart';
import '../pages/OrderInfo.dart';

'/order': (context) => OrderPage(),
'/orderinfo': (context) => OrderInfoPage(),

4.回到用户个人中心Flutter-防京东商城项目-订单列表、订单详情页面布局-45
Flutter-防京东商城项目-订单列表、订单详情页面布局-45

ListTile(
  leading: Icon(Icons.assignment, color: Colors.red),
  title: Text("全部订单"),
  onTap: (){
    Navigator.pushNamed(context, '/order');//--------------------------------
  },
),
上一篇:2021/9/10模拟赛总结


下一篇:45 触发器