import 'package:flutter/material.dart';

class ScrollAppBar extends StatelessWidget {
  final double scrollVal;
  final Function callback;
  final bool playerStatus;

  const ScrollAppBar(
    this.scrollVal,
    this.callback,
    this.playerStatus,
    Key? key,
  ) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final double statusBarHeight = MediaQuery.of(context).padding.top;
    final videoHeight = MediaQuery.of(context).size.width * 9 / 16;
    return Positioned(
      top: -videoHeight + scrollVal + kToolbarHeight + 0.5,
      left: 0,
      right: 0,
      child: Opacity(
        opacity: scrollVal / (videoHeight - kToolbarHeight),
        child: Container(
          height: statusBarHeight + kToolbarHeight,
          color: Theme.of(context).colorScheme.background,
          padding: EdgeInsets.only(top: statusBarHeight),
          child: AppBar(
            primary: false,
            elevation: 0,
            scrolledUnderElevation: 0,
            centerTitle: true,
            title: TextButton(
              onPressed: () => callback(),
              child: const Row(
                mainAxisSize: MainAxisSize.min,
                children: [Icon(Icons.play_arrow_rounded), Text('继续播放')],
              ),
            ),
            actions: [
              IconButton(
                  onPressed: () {},
                  icon: const Icon(
                    Icons.share,
                    size: 20,
                  )),
              const SizedBox(width: 12)
            ],
          ),
        ),
      ),
    );
  }
}