iroute/lib/pages/dashboard/view_books.dart

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:iroute/navigation/router/menus/menu_scope/menu_scope.dart';

import 'view_book/book_cell.dart';
import 'view_book/title_group.dart';

class BookInfo {
  final String name;
  final String path;
  final String url;
  final String price;
  final String info;
  final String cover;

  BookInfo({
    required this.name,
    required this.path,
    required this.url,
    required this.price,
    required this.info,
    required this.cover,
  });
}

List<BookInfo> kBooks = [
  BookInfo(
    name: 'Flutter语言基础·梦始之地',
    path: 'dream',
    url: 'https://juejin.cn/book/6844733827617652750',
    info: '从语法到思想，欢迎来到 Flutter 梦开始的地方',
    cover: 'assets/images/dream.webp',
    price: '3.5',
  ),
  BookInfo(
    name: 'Flutter绘制指南·妙笔生花',
    path: 'draw',
    url: 'https://juejin.cn/book/6844733827265331214',
    info: '带你见证 Flutter 的绘制之美，擦出创造的火花',
    cover: 'assets/images/draw.webp',
    price: '3.28',
  ),
  BookInfo(
    name: 'Flutter布局探索·薪火相传',
    path: 'layout',
    url: 'https://juejin.cn/book/7075958265250578469',
    info: '由浅入深，从源码探索 Flutter 布局原理',
    cover: 'assets/images/layout.webp',
    price: '3.5',
  ),
  BookInfo(
    name: 'Flutter手势探索·执掌天下',
    path: 'touch',
    url: 'https://juejin.cn/book/6896378716427911181',
    info: 'Flutter 手势探索，用你的手指，掌控着整个屏幕世界 ',
    cover: 'assets/images/touch.webp',
    price: '3.5',
  ),
  BookInfo(
    name: 'Flutter滑动探索·珠联璧合',
    path: 'scroll',
    url: 'https://juejin.cn/book/6984685333312962573',
    info: '从源码入手，带你深入探索 Flutter 滑动体系',
    price: '3.5',
    cover: 'assets/images/scroll.webp',
  ),
  BookInfo(
    name: 'Flutter动画探索·流光幻影',
    path: 'anima',
    url: 'https://juejin.cn/book/6965102582473687071',
    info: 'Flutter 动画探索，一起去见证 Flutter 动画的风采',
    cover: 'assets/images/anima.webp',
    price: '3.5',
  ),
  BookInfo(
    name: 'Flutter渲染机制·聚沙成塔',
    path: 'dream',
    url: 'https://juejin.cn/book/7084139149673889805',
    info: '全面探索框架源码，助你攀登九层之台，一览顶上风采',
    price: '3.5',
    cover: 'assets/images/render.webp',
  ),
];
List<BookInfo> freeBooks = [
  BookInfo(
    name: 'Flutter 入门教程',
    path: 'first',
    url: 'https://juejin.cn/book/7212822723330834487',
    info: '以有趣的案例为基础，带你入门 Flutter 技术',
    cover: 'assets/images/first.webp',
    price: '0',
  ),
];

List<BookInfo> projectBooks = [
  BookInfo(
    name: 'Flutter 实战：正则匹配应用',
    path: 'regex',
    url: 'https://juejin.cn/book/7161060514377203751',
    info: '从思想分析到实践， Flutter 全平台玩转正则表达式',
    cover: 'assets/images/regex.webp',
    price: '0',
  ),
];

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

  @override
  Widget build(BuildContext context) {
    SliverGridDelegate gridDelegate =
        const SliverGridDelegateWithMaxCrossAxisExtent(
      maxCrossAxisExtent: 240,
      mainAxisSpacing: 10,
      mainAxisExtent: 280,
      crossAxisSpacing: 10,
    );
    return CustomScrollView(
      slivers: [
        SliverToBoxAdapter(
          child: TitleGroup(
            title: 'Flutter 七剑合璧',
            lineColor: const Color(0xff6EAFF9),
          ),
        ),
        _buildSliverSliverGrid(context,kBooks,gridDelegate),
        SliverToBoxAdapter(
          child: TitleGroup(
            title: 'Flutter 实战探索',
            lineColor: const Color(0xffFD983A),
          ),
        ),
        _buildSliverSliverGrid(context,projectBooks,gridDelegate),


        SliverToBoxAdapter(
          child: TitleGroup(
            title: 'Flutter 免费小册',
            lineColor: const Color(0xff7864E1),
          ),
        ),
        _buildSliverSliverGrid(context,freeBooks,gridDelegate),
      ],
    );
  }

  Widget _buildSliverSliverGrid(BuildContext context,
      List<BookInfo> books, SliverGridDelegate gridDelegate) {
    return SliverPadding(
      padding: const EdgeInsets.symmetric(horizontal: 10),
      sliver: SliverGrid(
          delegate: SliverChildBuilderDelegate(
            (_, i) => BookCell(bookInfo: books[i],onSelect: (b){
              if(b.path == 'draw'){
                context.go('/draw/chapter1');
              }
            },),
            childCount: books.length,
          ),
          gridDelegate: gridDelegate),
    );
  }
}