* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

class SearchPage extends StatelessWidget {

  SearchPage({super.key});

  @override

  Widget build(BuildContext context) {

    return Consumer<BookService>(

      builder: (context, bookService, child) {

        return Scaffold(

또는

class LikedBookPage extends StatelessWidget {

  const LikedBookPage({super.key});

  @override

  Widget build(BuildContext context) {

    return Consumer<BookService>(

      builder: (context, bookService, child) {

        return Scaffold(

이렇게 구성이 되는데 bookService는 어떻게 해서 인식이 되는것인지 궁금하네요

builder 구성시 bookService, child 추가 입력해주는데 이부분이 이해가 안되네요

전체 코드에서 보면

bookService 변수 는 아래 코드에서만 보이는데 어떻게 매개변수 인식이 되는것인지 궁금하네요

class BookTile extends StatelessWidget {

  const BookTile({

    Key? key,

    required this.book,

  }) : super(key: key);

  final Book book;

  @override

  Widget build(BuildContext context) {

    BookService bookService = context.read<BookService>(); <--------------이부분에서

    return ListTile(

      onTap: () {},

      leading: Image.network(

        book.thumbnail,

        fit: BoxFit.fitHeight,

      ),

      title: Text(

        book.title,

        style: TextStyle(fontSize: 16),

      ),

      subtitle: Text(

        book.subtitle,

        style: TextStyle(color: Colors.grey),

      ),

      trailing: IconButton(

        onPressed: () {

          bookService.toggleLikeBook(book: book);

        },

        icon: bookService.likedBookList.map((book) => book.id).contains(book.id)

            ? Icon(

                Icons.star,

                color: Colors.amber,

              )

            : Icon(Icons.star_border),

      ),

    );

  }

}