问题标签 [layout-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.
layout - React Native:如何选择性地启用 LayoutAnimation
我想为某些组件启用布局动画,但是一旦它被激活,所有正在渲染的组件都会受到布局动画的影响。例如,我有
我只希望对组件菜单使用布局动画,但动画应用于已经有自己的动画代码的瀑布渲染。
这可能与本机反应吗?
react-native - 反应原生 LayoutAnimation 禁用
我有这些代码:
我的问题是:当res.body.dragonTypes为空时,这些都不会发生,这是对的,但是当我做其他一些事情时,LayoutAnimation 仍然有效,有时会变得很奇怪。尤其是在过渡期间。那么我可以手动清除 LayoutAnimation 还是如何正确使用它?
多谢。
android - 如何在 Android 中使用动画将视图移动到另一个视图?
我在屏幕中央有一个圆圈,里面有一个ImageView
+ TextView
。我还有另外两个ImageView
+ TextView
,一个在屏幕顶部,另一个在屏幕底部。
我的要求是:
我想要顶部ImageView
+TextView
的副本和底部ImageView
+的副本TextView
以动画方式移动到圆的中心,从而改变圆内 textView 的值。
例如:
假设顶部 textView 的值为 200,底部 textview 的值为 300。我希望这些值的一部分(比如 100 或 150)动画并移动到圆圈中,但原始值 200 和 300 应保持在同一位置。
我试过使用TranslateAnimation
. 但是,我在寻找中心圆的 x 和 y 坐标时遇到问题。它并不完全到达圆的中心。view's
也不保留原来的位置。
startLayout 是 ImageView 和 TextView 所在的线性布局。请帮忙!谢谢!
javascript - 是否有 LayoutAnimation.Types 和 LayoutAnimation.Properties 的可用选项列表?
我已经检查了文档,现在它只说
在新视图中创建、配置动画(参见动画类型)
更新,配置已更新的动画视图(请参阅动画类型)
事实是我不明白 Anim 类型是什么以及我应该在哪里照顾它。谢谢您的帮助
https://facebook.github.io/react-native/docs/layoutanimation.html
android - startLayoutAnimation 在 onBackPressed 或 OnKeyListener(keyCode == KeyEvent.KEYCODE_BACK) 中不起作用
我的活动中有一个 LinearLayout 视图。
当我按下后退按钮时,我希望 LinearLayout 的孩子滑出。
我有以下不做任何事情的代码:
layout_pop_out 是:
我已经注释掉了 super.OnBackPressed() 以查看动画是否开始,并且它没有开始。
有类似问题的人吗?
如果在按钮中设置onclick监听器,SlideOut方法可以工作,动画播放。 我认为问题出在“startLayoutAnimation”上,如果调用 onBackPressed 或 OnKeyListener(keyCode == KeyEvent.KEYCODE_BACK && action == KeyEvent.ACTION_UP) 布局动画不播放,但我单击动画按钮。
react-native - LayoutAnimation.Types 有哪些可用选项
我有一个从这里获取的自定义布局动画。
运行代码时,我收到以下警告
警告:配置类型失败:配置
config.update.type
在 中标记为必需LayoutAnimation.configureNext
,但其值为undefined
。
该代码有一个 update.type 条目,但警告说它未定义。我猜自编写要点以来允许的值已经更新。我试图找出可用的允许条目列表,但它们未在React Native LayoutAnimation 文档中列出。
我想知道 :
- 语法不再正确吗?
- 某处是否有详细说明可用类型列表的网页?
android - React Native - Android LayoutAnimation 键盘 FlatView Bug
我目前对(我认为)LayoutAnimation 有一个烦人的问题。
我的问题如下,我有一个应用程序,可以在其中搜索整个 FlatList,使用搜索按钮打开面板并将焦点放在打开键盘的 TextInput 上。当我出于某种原因想要关闭它时,如果我使用手机的后退按钮手动关闭它,就会出现问题 它关闭并且通过点击列表关闭它,一切都很好,但是当我关闭搜索时问题就来了(因此 TextInput 已从屏幕中删除,即使没有调用,键盘也会自动关闭,.blur()
但我也尝试过并遇到了同样的问题。
现在这里是一些代码块:
}
我在用 :
我从 0.49.4 更新到 0.52.0 希望它能解决问题,但似乎没有
有关信息:在 IOS 中没有问题,我确实在 android 上激活了动画以获取动画。此外,如果我删除动画LayoutAnimation.easeInEaseOut();
,除了我当然没有动画之外,一切正常。
非常感谢
javascript - React Native - LayoutAnimation:如何使它只是动画组件内的对象,而不是整个组件/视图?
我正在尝试按照这个示例(此处的代码)并在我的 RN 项目中使用LayoutAnimation(与该示例的不同之处在于我只想渲染我的圆圈而不需要按下按钮)。
但是,当我添加了 LayoutAnimation 时,是整个视图/屏幕/组件执行“跳入”动画,而不仅仅是我想要的圆圈。我必须将 LayoutAnimation 移动到哪里才能实现动画的圆形对象?
再次更新:听从bennygenel
了制作一个单独的 Circles 组件然后在收藏夹上的建议,有一个会一个一个地添加每个CriclecomponentDidMount
组件,导致随着时间延迟更新状态时产生单独的动画。但是我仍然没有得到一一渲染/动画的理想效果......
javascript - 在 React Native 中切换布局动画
我已经正确配置了布局动画,如下面列出的所有教程/文档中所示。我目前正在 componentWillUpdate 方法中设置布局动画配置,并且触发ON工作顺利,
}
..虽然问题是我需要触发动画OFF。动画在整个应用程序中持续存在,创建了非预期的动画......
我只找到了一种解决方案,即触发:LayoutAnimation.configureNext(animationConfig);
当不再需要动画时.. 虽然这似乎不是最佳实践,因为它会中断 LayoutAnimation,因此会发出警告..
关于此的文档或问题很少。我需要澄清一下如何正确处理切换布局动画。
https://facebook.github.io/react-native/docs/layoutanimation.html https://medium.com/@Jpoliachik/react-native-s-layoutanimation-is-awesome-4a4d317afd3e