Flutter 商城应用:在底部导航栏添加购物车页面跳转
import 'package:flutter/material.dart'; import 'package:ecommerce_muse/pages/ProductDetailPage.dart'; import 'package:ecommerce_muse/pages/CartPage.dart'; // 导入CartPage
class HomePage extends StatefulWidget { @override _HomePageState createState() => _HomePageState(); }
class _HomePageState extends State
@override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('商城主页')), body: SmartRefresher( // 省略其他代码 ), bottomNavigationBar: BottomNavigationBar( items: [ BottomNavigationBarItem( icon: Icon(Icons.home), label: '首页', ), BottomNavigationBarItem( icon: Icon(Icons.shopping_cart), label: '购物车', ), ], currentIndex: 0, onTap: (index) { if (index == 1) { Navigator.push( context, MaterialPageRoute(builder: (context) => CartPage()), ); } }, ), ); } }
原文地址: https://www.cveoy.top/t/topic/oiiL 著作权归作者所有。请勿转载和采集!