how can i implements that feature with riverpod ?

[JogoGakha]

That image above was made by GetX .
These days, studying riverpod i am thinking of that but
can not solve it with riverpod.

In GetX, each ListTile is provided 1 provider(Controller in GetX).

I think riverpod has his own pattern.
Somebody solve my headaches.pls

[rrousselGit]

Could you expand on the problem?
What are the constraints/difficulties here?

Otherwise there are too many possible solutions, so I don't think that would be helpful

[JogoGakha]

in my short knowledge, each ListTile should get it's own StateNotifierProvider. So each count field on each tile can rebuild , at same time total count should be rebuilt.

[rrousselGit]

But where is the items coming from? If you have infos like "W3C/HTML", where is it coming from? Because that sounds like the counter is associated to a specific item, in which case you already have a StateNotifier that could store the counter

[JogoGakha]

Here are simple codes for feature i want based on maintainer's ToDo app.
Feature i wonder is How to increase each item' count and the item's rebuilding.

import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:uuid/uuid.dart';

const _uuid = Uuid();

class Movie {
  String id ;
  int count;
  String title ;

  Movie({required this.id, required this.count, required this.title});

  @override
  bool operator ==(Object other) {
    if(identical(this, other)) return true;
    return other is Movie && other.count == count && 
             other.id == id && other.title == title;
  }
  @override
  int get hashCode => id.hashCode;
}

class MovieList extends StateNotifier<List<Movie>>{
  MovieList(): super([]){
    initialList();
  }

  void add(){
    state = [
      ...state,
      Movie(id: _uuid.v4(), count: 0, title: "boss bady")
    ];
  }
  void initialList(){
    state = [Movie(id: _uuid.v4(),count:0, title: "Cash Truck")];
  }

  void checkThis(String id){
    state = [
      for(final movie in state)
        if(movie.id == id)
          Movie(
            id: movie.id,
            count: movie.count++,
            title: movie.title
    )
       else movie,
    ];
        }
   }
   
final nProvider = StateNotifierProvider<MovieList, List<Movie>>(
        (ref) {
          return MovieList();
});

View page -->

class ListViewWithRiverpod extends ConsumerWidget{

  @override
  Widget build(BuildContext context, ScopedReader watch) {

     final movieList = watch(nProvider);
    return SafeArea(
         child:Container(
          child:
         Column(
             children:[
                ListView.builder(
                  shrinkWrap: true,
                  scrollDirection: Axis.vertical,
                  itemCount: movieList.length,
                  itemBuilder: (context, int index){

                   final movie = movieList[index];

                   return ListTile(
                           title: Row(
                             children: [
                               Text("${movie.title}"),

                              IconButton(
                               onPressed:(){
                                 watch(nProvider.notifier).checkThis(movie.id);
                               },
                               icon: Icon(Icons.add),
                                color: Colors.blue,

                               ),
                             Text("Votes:: ${watch(nProvider)[index].count}"),
                           ],
                         ),
                       );
                  },
            ),
               ElevatedButton(
                 onPressed: (){
                   watch(nProvider.notifier).add();
                 },
                 child: Text("Adding Movie"),
               ),
    ]
    )),);
  }
}