问题标签 [flutter-animation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
9153 浏览

flutter - 如何在颤动中弹出动画

我正在做 Navigator.pop 操作,我想淡出到页面的过渡。我已经尝试过 Fluro 但没有兴趣实施它。

我在做什么:-

}

0 投票
0 回答
249 浏览

android - 颤动滚动项目与动画

在 android 中,我们有这个https://github.com/wasabeef/recyclerview-animators在滚动 RecyclerView 时创建动画。但是在 Flutter 中我没有找到类似的东西。我目前的想法是每个项目都将创建一个新的 AnimationController,当 WidgetsBinding.instance.addPostFrameCallback 是回调时转发该控制器。但是使用该解决方案,动画不像 Android 示例那样流畅。

gif > 2MB,所以我在这里发布链接:https ://raw.githubusercontent.com/wasabeef/recyclerview-animators/master/art/demo4.gif

0 投票
1 回答
855 浏览

dart - 我如何在颤振中实现这一目标?

我正在尝试在颤振中实现相同的布局我该如何实现它,我已经尝试使用 wrap 小部件但是 Textfield 获得全宽并根据内容动态更改文本字段宽度是不可能的

0 投票
4 回答
25412 浏览

flutter - 带有动画提示/标签的 TextField

我想实现一个包含 TextFields 的表单。每个字段都有一个标签/提示。当用户开始输入时,我希望提示动画并成为标签。这是一个标准的 Material 设计模式,所以我希望它可以由标准的 Widgets 来实现。

像这样的东西: 在此处输入图像描述

0 投票
5 回答
15388 浏览

flutter - Flutter增加Switch的高度和宽度?

我用单人和两名玩家创建游戏。对于选择,我想要幻灯片的外观,所以我尝试了切换方法,但它看起来非常小。如何增加开关的高度和宽度?有什么方法可以创造这样的外观吗?

在此处输入图像描述

0 投票
0 回答
264 浏览

dart - Flutter MaterialApp TextField 透视变换无法正确渲染

我有一个简单的MaterialAppwihScaffold包裹在Transfrom小部件中,以渲染应用程序在 x 和 y 轴上略微旋转。只要我没有TextFieldScaffold体内,它就可以正常工作。

这呈现如下在此处输入图像描述

如果我用 then 替换Text内部Scaffold正文,TextField则呈现如下。

在此处输入图像描述

我期待在屏幕AppBar的顶部看到和TextField呈现在屏幕的中心。

我无法弄清楚我做错了什么。请帮忙。

0 投票
0 回答
123 浏览

ios - 隐藏本机视图时导航栏动画抖动

我想在我的颤动视图内部/(在视图结束时)显示本机视图。在我推到其他颤动视图时考虑隐藏本机视图。为了隐藏原生,我通过颤振通道调用函数将其高度设置为零,但是设置高度的动画并不流畅,请查看我附加的视频和 POC代码

在此处输入图像描述

在 iOS 中,我编辑了默认的故事板,如下面的截图 在此处输入图像描述- 分别采用了两个容器视图 flutterviewcontroller 和 nativeViewController 的主故事板。

0 投票
1 回答
582 浏览

flutter - Flutter 使用 audioplayers 0.7.7 播放自定义声音?

我是颤振新手,对于我的应用程序,我想播放两种声音模式(背景声音,按钮动作声音),在从颤振包中引用后,我已经更改了如上所述的代码,当我在我的材料中使用这个小部件时,我得到了下面错误,

E/flutter(2750):[错误:flutter/shell/common/shell.cc(181)] Dart 错误:未处理的异常:E/flutter(2750):无法加载资产:assets/assetsImagesMP3.mp3 E/flutter( 2750):#0 PlatformAssetBundle.load(包:flutter/src/services/asset_bundle.dart:221:7)

0 投票
1 回答
1238 浏览

flutter - Flutter Shared element Hero Animation 不适用于自定义 ModalRoute

为了在颤动中获得类似模态的效果(当一个页面被推到当前页面的顶部时,黑色背景并且足够透明,因此您可以在背景中看到后面的页面)。

我正在使用 ModalRoute 类在当前页面顶部显示覆盖小部件。

我的问题是:当我的TestOverlay页面进入时,只显示fadeIn 动画而不显示Shared Element Hero 动画。

后面的页面有一个Hero(tag: "111", child: Text("Test"))小部件,当我Navigator.of(context).push(TestOverlay());只调用 FadeInis 动画并且共享元素转换不起作用.. :(

有谁知道为什么?

谢谢!!

0 投票
1 回答
2658 浏览

flutter - 如何在颤动中动态隐藏和显示底栏

我已经通过颤振制作了一个应用程序,但是一些很难找到的问题让我很难其中一个是动态底栏

就像这段代码一样,我正在使用 bottomNavigationBar。

我想要的是通常(只是启动应用程序或做某事)底部应用程序栏(新的BottomDrawer)不显示并占用空间,
但是当用户向上滑动底部时(就像左、右抽屉一样)它会显示并占用空间我该怎么做?