app/lib/pages/live/live_stream/live_playback_view_page.dart

import 'package:chewie/chewie.dart';
import 'package:flutter/material.dart';
import 'package:many_like/many_like.dart';
import 'package:recook/constants/api.dart';
import 'package:recook/constants/header.dart';
import 'package:recook/manager/http_manager.dart';
import 'package:recook/pages/live/live_stream/show_goods_list.dart';
import 'package:recook/pages/live/models/live_stream_info_model.dart';
import 'package:recook/pages/live/widget/live_user_bar.dart';
import 'package:recook/widgets/bottom_sheet/action_sheet.dart';
import 'package:recook/widgets/custom_image_button.dart';
import 'package:video_player/video_player.dart';

class LivePlaybackViewPage extends StatefulWidget {
  final int id;

  LivePlaybackViewPage({Key key, @required this.id}) : super(key: key);

  @override
  _LivePlaybackViewPageState createState() => _LivePlaybackViewPageState();
}

class _LivePlaybackViewPageState extends State<LivePlaybackViewPage> {
  bool _showTools = true;
  LiveStreamInfoModel _streamInfoModel;
  VideoPlayerController _videoPlayerController;
  ChewieController _chewieController;
  @override
  void initState() {
    super.initState();

    getPlaybackInfoModel().then((model) {
      if (model == null)
        Navigator.pop(context);
      else {
        setState(() {
          _streamInfoModel = model;
        });
        _videoPlayerController = VideoPlayerController.network(model.playUrl);
        _videoPlayerController.initialize().then((_) {
          _chewieController = ChewieController(
            videoPlayerController: _videoPlayerController,
            aspectRatio: _videoPlayerController.value.aspectRatio,
            autoPlay: true,
            showControls: true,
          );

          setState(() {});
        });
      }
    });
  }

  Future<LiveStreamInfoModel> getPlaybackInfoModel() async {
    ResultData resultData = await HttpManager.post(
      LiveAPI.livePlaybackInfo,
      {'id': widget.id},
    );
    if (resultData?.data['data'] == null)
      return null;
    else
      return LiveStreamInfoModel.fromJson(resultData.data['data']);
  }

  @override
  void dispose() {
    _videoPlayerController?.dispose();
    _chewieController?.dispose();

    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black87,
      body: _streamInfoModel == null
          ? Center(child: CircularProgressIndicator())
          : Stack(
              children: [
                Positioned(
                  bottom: 0,
                  left: 0,
                  right: 0,
                  top: 0,
                  child: _chewieController == null
                      ? Center(
                          child: CircularProgressIndicator(),
                        )
                      : Chewie(
                          controller: _chewieController,
                        ),
                ),
                //头部工具栏
                AnimatedPositioned(
                  top: _showTools
                      ? MediaQuery.of(context).padding.top
                      : -rSize(52),
                  left: 0,
                  right: 0,
                  duration: Duration(milliseconds: 300),
                  curve: Curves.easeInOutCubic,
                  child: Padding(
                    padding: EdgeInsets.only(
                      left: rSize(15),
                      top: rSize(15),
                    ),
                    child: Row(
                      children: [
                        LiveUserBar(
                          initAttention: _streamInfoModel.isFollow == 1,
                          onAttention: () {},
                          title: _streamInfoModel.nickname,
                          subTitle: '点赞数 ${_streamInfoModel.praise}',
                          avatar: _streamInfoModel.headImgUrl,
                        ),
                        Spacer(),
                      ],
                    ),
                  ),
                ),
//关闭
                Positioned(
                  top: MediaQuery.of(context).padding.top + rSize(24),
                  right: 0,
                  child: CustomImageButton(
                    padding: EdgeInsets.symmetric(horizontal: rSize(15)),
                    icon: Icon(
                      Icons.clear,
                      color: Colors.white,
                    ),
                    onPressed: () => Navigator.pop(context),
                  ),
                ),

                //底部工具栏
                AnimatedPositioned(
                  duration: Duration(milliseconds: 300),
                  curve: Curves.easeInOutCubic,
                  bottom: _showTools ? 0 : -rSize(15 + 44.0),
                  left: 0,
                  right: 0,
                  child: Padding(
                    padding: EdgeInsets.only(
                      left: rSize(15),
                      right: rSize(15),
                      bottom: rSize(15),
                    ),
                    child: Column(
                      children: [
                        Row(
                          crossAxisAlignment: CrossAxisAlignment.end,
                          children: [
                            CustomImageButton(
                              onPressed: () {
                                ActionSheet.show(
                                  context,
                                  items: ['举报'],
                                  listener: (index) {
                                    Navigator.pop(context);
                                    //fake
                                    Future.delayed(Duration(milliseconds: 1000),
                                        () {
                                      GSDialog.of(context)
                                          .showSuccess(context, '举报成功');
                                    });
                                  },
                                );
                              },
                              child: Image.asset(
                                R.ASSETS_LIVE_LIVE_MORE_PNG,
                                width: rSize(32),
                                height: rSize(32),
                              ),
                            ),
                            // SizedBox(width: rSize(10)),
                            // Image.asset(
                            //   R.ASSETS_LIVE_LIVE_SHARE_PNG,
                            //   width: rSize(32),
                            //   height: rSize(32),
                            // ),
                            SizedBox(width: rSize(10)),
                            ManyLikeButton(
                              child: Image.asset(
                                R.ASSETS_LIVE_LIVE_LIKE_PNG,
                                width: rSize(32),
                                height: rSize(32),
                              ),
                              popChild: Image.asset(
                                R.ASSETS_LIVE_LIVE_LIKE_PNG,
                                width: rSize(32),
                                height: rSize(32),
                              ),
                              onTap: () {
                                HttpManager.post(
                                  LiveAPI.liveLike,
                                  {'liveItemId': widget.id},
                                );
                              },
                            ),
                            SizedBox(width: rSize(10)),
                            Spacer(),
                            CustomImageButton(
                              child: Container(
                                alignment: Alignment.bottomCenter,
                                width: rSize(44),
                                height: rSize(44),
                                child: Text(
                                  _streamInfoModel.goodsLists.length.toString(),
                                  style: TextStyle(
                                    color: Colors.white,
                                    fontSize: rSP(13),
                                    height: 28 / 13,
                                  ),
                                ),
                                decoration: BoxDecoration(
                                  image: DecorationImage(
                                    image:
                                        AssetImage(R.ASSETS_LIVE_LIVE_GOOD_PNG),
                                  ),
                                ),
                              ),
                              onPressed: () {
                                showGoodsListDialog(
                                  context,
                                  models: _streamInfoModel.goodsLists,
                                  onLive: false,
                                );
                              },
                            ),
                          ],
                        ),
                      ],
                    ),
                  ),
                ),
              ],
            ),
    );
  }
}