PiliPlus/lib/common/skeleton/media_bangumi.dart

import 'package:PiliPlus/common/style.dart';
import 'package:flutter/material.dart';

const _ = MediaPgcSkeleton();
const pgcDelegate = SliverChildListDelegate.fixed(
  [_, _, _, _, _, _, _, _, _, _],
);

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

  @override
  State<MediaPgcSkeleton> createState() => _MediaPgcSkeletonState();
}

class _MediaPgcSkeletonState extends State<MediaPgcSkeleton> {
  @override
  Widget build(BuildContext context) {
    Color bgColor = Theme.of(context).colorScheme.onInverseSurface;
    return Padding(
      padding: const .symmetric(
        horizontal: Style.safeSpace,
        vertical: 7,
      ),
      child: Row(
        children: [
          Container(
            width: 111,
            height: 148,
            decoration: BoxDecoration(
              borderRadius: const BorderRadius.all(Radius.circular(6)),
              color: bgColor,
            ),
          ),
          const SizedBox(width: 10),
          Expanded(
            child: SizedBox(
              height: 148,
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                  Container(
                    color: bgColor,
                    width: 200,
                    height: 20,
                    margin: const EdgeInsets.only(bottom: 15),
                  ),
                  Container(
                    color: bgColor,
                    width: 150,
                    height: 13,
                    margin: const EdgeInsets.only(bottom: 5),
                  ),
                  Container(
                    color: bgColor,
                    width: 150,
                    height: 13,
                    margin: const EdgeInsets.only(bottom: 5),
                  ),
                  Container(
                    color: bgColor,
                    width: 150,
                    height: 13,
                  ),
                  const Spacer(),
                  Container(
                    width: 90,
                    height: 35,
                    decoration: BoxDecoration(
                      borderRadius: const BorderRadius.all(
                        Radius.circular(20),
                      ),
                      color: bgColor,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
}