Fatal编程技术网
  • react-native/
  • React native 反应本机-动态更改组件位置

React native 反应本机-动态更改组件位置

react-native animation layout dynamic

React native 反应本机-动态更改组件位置,react-native,animation,layout,dynamic,position,React Native,Animation,Layout,Dynamic,Position,我想在我的React Native应用程序中显示几个组件（可能最多6个），这些组件可以不断改变它们的位置，即缓慢但流畅地在屏幕上浮动，并随机改变它们的移动方向，或者根据它们接近父对象边缘的角度（如果有的话）改变它们的移动方向。我不知道的是如何以一种性能友好的方式动态地改变它们的位置。因为我还想让用户通过点击他们来与他们互动，所以它不能是背景中的视频或类似的东西 如果我处理的是在浏览器中运行的标准React应用程序，我想我只需操作元素的样式属性top和left。因为我想在React Native中

我想在我的React Native应用程序中显示几个组件（可能最多6个），这些组件可以不断改变它们的位置，即缓慢但流畅地在屏幕上浮动，并随机改变它们的移动方向，或者根据它们接近父对象边缘的角度（如果有的话）改变它们的移动方向。我不知道的是如何以一种性能友好的方式动态地改变它们的位置。因为我还想让用户通过点击他们来与他们互动，所以它不能是背景中的视频或类似的东西

如果我处理的是在浏览器中运行的标准React应用程序，我想我只需操作元素的样式属性
top
和
left
。因为我想在React Native中实现这一点，所以我认为必须有一个性能更高、更优雅的解决方案，包括操纵支持React Native视图的本机元素或使用一些动画机制，因为以每秒至少30次的速度重新渲染一个包含6个组件的视图似乎不是一个合适的解决方案，而且通常会造成开销

谷歌搜索“react native dynamicle move element”或“react native dynamicle change element position”之类的东西并没有带来任何明显合适的结果。不过，我遇到了一个原生元素方法
setNativeProps
，但找不到关于可以设置哪些道具来更改元素在屏幕上的位置以及性能的任何信息。我还研究了React Native的
动画
API，但无法将我的问题与该API提供的解决方案联系起来

有人知道适合在我描述的情况下使用的机制或库吗？

为什么您认为
动画
api不适合您？有了它，我相信您可以在不重新渲染的情况下为它们的绝对位置设置动画them@Andus是的，我又看了一遍那个API，我相信我已经找到了一个解决方案。当我实现它时，如果它有效的话，我会发布一个答案。