Two ways for flutter providers to share data

Provider Two ways to share data
Mode one ：

 Provider.of<CountViewModel>(context);

give an example

import 'package:flutter/material.dart';
class CountViewModel extends ChangeNotifier{
    
  int _count = 0;
  // Expose variables 
  int get count=>_count;
  addCount(){
    
    _count++;
    notifyListeners();// Notification status change 
  }
  deCount(){
    
    _count--;
    notifyListeners();
  }
}

import 'package:flutter/material.dart';
import 'package:navigatoritem/page/CountViewModel.dart';
import 'package:provider/provider.dart';
class B extends StatefulWidget{
    
  _BState createState() =>_BState();

}
class _BState extends State<B>{
    

  @override
  Widget build(BuildContext context){
    
      final counter = Provider.of<CountViewModel>(context);// Get provider
    return Scaffold(
      appBar:AppBar(
        title: Text(" Counter "),
      ),
      floatingActionButton: FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: (){
    
          Provider.of<CountViewModel>(context,listen: false).addCount();
        },
      ),
      body: Container(
        child: Center(
          child: Text("${counter.count}"),
        ),
      ),
    );
  }
}

Provider.of(context) Will result in a call context Page range refresh . Consumer Only refreshed Consumer
Part of It is recommended to use Consumer instead of Provider.of(context) Get top-level data

Mode two

import 'package:flutter/material.dart';
import 'package:navigatoritem/page/CountViewModel.dart';
import 'package:provider/provider.dart';
class B extends StatefulWidget{
    
  _BState createState() =>_BState();

}
class _BState extends State<B>{
    

  @override
  Widget build(BuildContext context){
    
      final counter = Provider.of<CountViewModel>(context);// Get provider
    return Consumer(
      builder: (context,CountViewModel counter,_){
    
        return Scaffold(
          floatingActionButton: FloatingActionButton(
            child: Icon(Icons.add),
            onPressed: (){
    
              counter.addCount();
            },
          ),
          appBar: AppBar(
            title: Text("Consumer Data sharing "),
          ),
          body: Text("${counter.count}"),
        );
      },
    );
  }
}