想要在flutter中通过底部导航栏中的总价格

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

class PriceWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var totalPrice = Provider.of<double>(context); // 获取总价格数据
    return Text(
      'Total Price: \$${totalPrice.toStringAsFixed(2)}',
      style: TextStyle(
        fontSize: 16,
        fontWeight: FontWeight.bold,
      ),
    );
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider(
      create: (context) => PriceProvider(), // 创建全局状态管理器
      child: MaterialApp(
        home: Scaffold(
          appBar: AppBar(
            title: Text('Flutter Bottom Navigation'),
          ),
          body: Center(
            child: Text('Content'),
          ),
          bottomNavigationBar: BottomNavigationBar(
            items: [
              BottomNavigationBarItem(
                icon: Icon(Icons.home),
                label: 'Home',
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.shopping_cart),
                label: 'Cart',
              ),
              BottomNavigationBarItem(
                icon: Icon(Icons.person),
                label: 'Profile',
              ),
            ],
            onTap: (index) {
              // 点击底部导航栏触发的事件
              var priceProvider = Provider.of<PriceProvider>(context, listen: false);
              priceProvider.updatePrice(10.99); // 示例：更新总价格为10.99
            },
          ),
        ),
      ),
    );
  }
}

class PriceProvider with ChangeNotifier {
  double _totalPrice = 0.0;

  double get totalPrice => _totalPrice;

  void updatePrice(double newPrice) {
    _totalPrice = newPrice;
    notifyListeners(); // 通知监听器进行更新
  }
}

void main() {
  runApp(MyApp());
}