如何将 return AnimatinonContainer 恢复到之前的状态？

Question

如何在关闭键盘时让AnimatedContainer return恢复到之前的状态(1)？目前通过 onTap

更改容器的位置

Widget _formAuth(String labelForm, String labelButton, void func()) {
    return AnimatedContainer(
      duration: Duration(seconds: 1),
      curve: Curves.ease,
      margin: EdgeInsets.fromLTRB(13, _marginFormAuth, 13, 50),
Widget _inputLoginOrPassword(
      Icon icon, String hint, TextEditingController controller, bool obscure) {
    return Container(
      margin: EdgeInsets.fromLTRB(10, 35, 10, 0),
      child: TextField(
        onTap: () {
          setState(() {
            _marginFormAuth = 20;
          });
        },

Answer 1

您可以在状态 class 中定义一个布尔变量，并在构建方法中为其赋值，如下所示：

bool isKeyboardOpened;

build () {
isKeyboardOpened = MediaQuery.of(context).viewInsets.bottom > 0;
_marginFormAuth = isKeyboardOpened ? 20 : whateverYouHadBefore;
...
}

这种在您打开键盘时移动容器的解决方案并不是最好的方法，但是，您应该修改代码背后的整个概念，并使用在您聚焦字段时自然滚动的可滚动对象:)

Answer 2

检测键盘状态使用：https://github.com/adee42/flutter_keyboard_visibility

import 'package:keyboard_visibility/keyboard_visibility.dart';

@protected
void initState() {
  super.initState();

  KeyboardVisibilityNotification().addNewListener(
    onChange: (bool visible) {
      print(visible);
    },
  );
}

要为容器设置动画，请使用 AnimationController 而不是 AnimatedContainer：https://flutter.dev/docs/development/ui/animations/tutorial

如何将 return AnimatinonContainer 恢复到之前的状态？

how to return AnimatinonContainer to its previous state?

flutter

flutter-animation

flutter-container