Кнопку Flutter необходимо нажать дважды, чтобы значение изменилось

Потому что вы пытаетесь прослушать значение от поставщика внутри обработчика событий, который здесь onPressed(). Обработчики событий используются для запуска действий, а не для обновления пользовательского интерфейса. Просто создайте экземпляр поставщика вне обработчика в основном виджете, а затем просто используйте параметр корзины вашего потребителя, чтобы вызвать изменения пользовательского интерфейса в обработчике.

Widget build(BuildContext context) {
final carts = Provider.of<DatabaseService>(context, listen: false); //Use listen: false initially to not trigger UI update

double maxWidth = MediaQuery.sizeOf(context).width;

List totalPriceList = [];
int totalQuantity;
....

Затем в вашем обработчике onPressed()

 onPressed: () {
if (cart[index].quantity != 1) {
  // remove this line-> var cont = context.read < DatabaseService > ();
 
  cart[index].quantity =
    cart[index].quantity!-1;
  /*ALL THE BELOW METHOD DOES IS CALL THE notifyListeners() METHOD*/
   carts.updateQuantity();  //use the carts.updateQuantity()
}
},

Я думаю, что вы очень близки, но CartProvider может быть излишним. Вот как я бы это структурировал, взглянув на пример из документации Firestore: https://firebase.flutter.dev/docs/firestore/usage/#realtime-changes.

В примере создается StreamProvider, который прослушивает изменения в реальном времени из Firestore. Поэтому я в основном изменил файлы CartList и Database, чтобы следовать этому примеру.

1. CartList должен отображать только данные. В настоящее время он пытается подсчитать общую сумму, но она должна быть получена из Stream/Firebase. Я внес изменения в функции onPressed и завернул все это в StreamProvider

(Я полностью удалил класс GetPrice, он некорректно обновлял значения из Firestore.)

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

// I named my Database.dart as DatabaseService.dart, fyi
import 'DatabaseService.dart';

class Cart {
  String? brand;
  int? quantity;
  int? price;
  String? image;
  String? model;
  Cart({this.brand, this.quantity, this.price, this.image, this.model});
}

class CartList extends StatefulWidget {
  const CartList({super.key});

  @override
  State<CartList> createState() => _CartListState();
}

class _CartListState extends State<CartList> {
  @override
  Widget build(BuildContext context) {
    // get the stream from the provider
    final carts = Provider.of<DatabaseService>(context).carts;
    return Scaffold(
      appBar: AppBar(
        title: Text("Cart"),
      ),
      // this body now accepts data from a Stream
      body: StreamBuilder<List<Cart>>(
        stream: carts,
        builder: (context, snapshot) { 
          if (!snapshot.hasData) {
            return SizedBox.shrink();
          }
          // snapshot.data is where the list of Cart should come in
          var data = snapshot.data!;

          // this ListView.builder stayed more or less the same
          return ListView.builder(
            itemCount: data.length,
            itemBuilder: (context, index) {
                  return ListTile(
                     leading: CircleAvatar(
                       backgroundImage: NetworkImage(
                         data[index].image!,
                       ),
                     ),
                    title: Text(
                      data[index].model!,
                      style: TextStyle(fontSize: 20),
                    ),
                    subtitle: Text(
                      data[index].brand!,
                      style: TextStyle(fontSize: 20),
                    ),
                    trailing: Row(
                      mainAxisSize: MainAxisSize.min,
                      children: [
                        IconButton.filled(
                          style: IconButton.styleFrom(
                            backgroundColor: Colors.red,
                          ),
                          onPressed: () {
                            // major changes here, the widget will notify Firestore to change its value. It doesn't have to do anything else.
                            Provider.of<DatabaseService>(context, listen: false)
                                .updateQuantity(index, -1);
                          },
                          icon: Icon(Icons.remove),
                        ),
                        Column(
                          children: [
                            Text(
                              data[index].price.toString(),
                              style: TextStyle(fontSize: 20),
                            ),
                            Text(
                              "QTY: ${data[index].quantity.toString()}",
                              style: TextStyle(fontSize: 16),
                            ),
                          ],
                        ),
                        IconButton.filled(
                          style: IconButton.styleFrom(
                            backgroundColor: Colors.green,
                          ),
                          onPressed: () {
                           // major changes here too, the widget will notify Firestore to change its value.
                            Provider.of<DatabaseService>(context, listen: false)
                                .updateQuantity(index, 1);
                          },
                          icon: Icon(Icons.add),
                        ),
                      ],
                    )
              );
            },
          );
        }),
      bottomSheet: Container(
        height: 130,
        color: Colors.brown[400],
        child: Column(
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                const Padding(
                  padding: EdgeInsets.all(8.0),
                  child: Text(
                    "Total ",
                    style: TextStyle(fontSize: 25, color: Colors.white),
                  ),
                ),
                Padding(
                  padding: EdgeInsets.all(8.0),
                  child: Text( 
                    // another major change here, the widget will get the totalPrice from the provider.
                    "\$${Provider.of<DatabaseService>(context).totalPrice}",
                    style: const TextStyle(fontSize: 25, color: Colors.white),
                  ),
                ),
              ],
            ),
            Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                SizedBox(
                  width: 200,
                  child: FloatingActionButton(
                    onPressed: () {},
                    child: Text("Make Order"),
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}

2. Теперь необходимо изменить файл Database.dart, чтобы обеспечить фактическое обновление данных. У вас уже есть функция updateQuantity(), и она должна пройти через корзины и либо увеличить, либо уменьшить ее атрибуты quantity. Я думаю, что ваш должен измениться и выглядеть так:

  void updateQuantity(int index, int quantity) async {
    // this is just an example 
    // how you get your data/snapshot can change
    var doc = await cart.get().data!;
    data[index]['quantity'] += quantity;
    
    // tell firestore to update
    await cart.update(data);
    // tell listeners to rebuild
    notifyListeners();
  }

3. Общая стоимость также берется из DatabaseService, поэтому я просто добавил такую ​​переменную totalPrice:

class DatabaseService extends ChangeNotifier {
  int totalPrice = 0;

  void updateTotalPrice() async {
    // another example of getting the data
    var doc = await cart.get().data!;
    // and loop through to calculate price
    for (var item in doc) {
       // do math here
    }
    // update the class variable with calculation from above loop
    totalPrice = ...;
  }
}

Теперь, когда виджет CartList отображается totalPrice, он должен получать последние обновления.

4. updateQuantity также следует обновить totalPrice.

void updateQuantity(int index, int quantity) async {
    // do what you need to do to update quantity
    
    // add the helper function to update totalPrice
    updateTotalPrice();
    // and don't forget to rebuild listeners
    notifyListeners();
  }

5. При загрузке приложения totalPrice также должен обновиться. Поэтому я добавил звонок внутри _cartFromSnapshot.

// update the total before returning the mapping
updateTotalPrice();
    return docs.map((doc) {

6. Наконец, ChangeNotifierProvider следует по возможности переместить в корень приложения. Очень простой пример файла main.dart будет выглядеть так:

import 'firebase_options.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(
    options: DefaultFirebaseOptions.currentPlatform,
  );
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    // moved ChangeNotifierProvider to root
    return ChangeNotifierProvider(
        create: (context) => DatabaseService(),
        child: MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeData(
            colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
            useMaterial3: true,
          ),
          home: CartList(),
        ));
  }
}

Надеюсь, это поможет! Вы можете оставить CartProvider, если хотите, просто попробуйте поставить ChangeNotifierProvider в корень приложения.