Как изменить текст в AppBar при открытии / закрытии фона - PullRequest
Новая
       11

Как изменить текст в AppBar при открытии / закрытии фона

0 голосов
/ 09 декабря 2018

Я реализовал фон в своем приложении.Я хочу изменить текст AppBar во время открытия / закрытия фона.Я пытался с Boolean isOpen сделать это true / false во время IconButton onPress это работает, но я хочу знать, какой это идеальный способ.Есть ли API для определения фона открытия / закрытия?

    import 'package:expense_manager_app/widget/navigation_panel.dart';
import 'package:flutter/material.dart';

class BackDropPage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _BackDropState();
  }
}

class _BackDropState extends State<BackDropPage>
    with SingleTickerProviderStateMixin {
  AnimationController controller;
  var mTitle = "Home";
  var mIsOpen = false;

  @override
  void initState() {
    super.initState();
    controller = AnimationController(
        vsync: this, duration: Duration(milliseconds: 100), value: 1.0);
  }

  @override
  void dispose() {
    super.dispose();
    controller.dispose();
  }

  bool get isPanelVisible {
    final AnimationStatus status = controller.status;
    return status == AnimationStatus.completed ||
        status == AnimationStatus.forward;
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('$mTitle'),
        elevation: 0.0,
        leading: new IconButton(
          onPressed: () {
            controller.fling(velocity: isPanelVisible ? -1.0 : 1.0);
            setState(() {
              if (mIsOpen) {
                mIsOpen = false;
                mTitle = "Home";
              } else {
                mTitle = "Menu";
                mIsOpen = true;
              }
            });
          },
          icon: new AnimatedIcon(
            icon: AnimatedIcons.close_menu,
            progress: controller.view,
          ),
        ),
      ),
      body: NavigationPanelPage(controller: controller),
    );
  }
}

1 Ответ

0 голосов
/ 10 декабря 2018

Наконец я сделал это с помощью isPanelVisible bool. 

appBar: AppBar(
    title: Text('$mTitle'),
    elevation: 0.0,
    leading: new IconButton(
      onPressed: () {
        controller.fling(velocity: isPanelVisible ? -1.0 : 1.0);
        setState(() {
          if (isPanelVisible) {
            mTitle = "Home";
          } else {
            mTitle = "Menu";
          }
        });
      },
      icon: new AnimatedIcon(
        icon: AnimatedIcons.close_menu,
        progress: controller.view,
      ),
    ),
  ),
...