shell/ermine/lib/src/widgets/fullscreen_story.dart

// Copyright 2018 The Fuchsia Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'package:flutter/material.dart';
import 'package:fuchsia_scenic_flutter/child_view.dart' show ChildView;

import '../models/app_model.dart';
import 'tile_chrome.dart';

/// Defines a widget to display a story fullscreen.
class FullscreenStory extends StatelessWidget {
  final AppModel model;

  const FullscreenStory(this.model);

  @override
  Widget build(BuildContext context) {
    final showFullscreenTitle = ValueNotifier<bool>(false);

    return AnimatedBuilder(
      animation: model.clustersModel.fullscreenStoryNotifier,
      builder: (context, child) {
        final story = model.clustersModel.fullscreenStory;
        return story != null
            ? AnimatedBuilder(
                animation: showFullscreenTitle,
                child: ChildView(
                  connection: story.childViewConnection,
                ),
                builder: (context, child) {
                  return Listener(
                    onPointerHover: (event) {
                      if (event.position.dy == 0) {
                        showFullscreenTitle.value = true;
                      } else if (event.position.dy > 120) {
                        showFullscreenTitle.value = false;
                      }
                    },
                    child: TileChrome(
                      name: story.id,
                      focused: story.focused,
                      showTitle: showFullscreenTitle.value,
                      fullscreen: true,
                      child: child,
                      onDelete: story.delete,
                      onMinimize: story.restore,
                    ),
                  );
                })
            : Offstage();
      },
    );
  }
}