React native 将本机TranslateX反应到屏幕边缘_React Native

React native 将本机TranslateX反应到屏幕边缘

react-native

React native 将本机TranslateX反应到屏幕边缘,react-native,React Native,我需要一些帮助来确定如何使用React Native的动画视图执行translateX以将视图移动到屏幕的左边缘目前，我已经能够使用一个随机数（-50）来translateX，视图将移动，但我不确定如何正确计算移动距离，以便元素正好靠在屏幕的左侧想法？如果你想移动的视图是全宽视图，你可以用它来获取窗口宽度和宽度的大小。如果你想移动的视图是全宽视图，你可以用它来获取窗口宽度和宽度的大小。我实际上可以通过创建另一个视图来解决这个问题查看我要移动的组件前面的组件。然后使用视图的onLayout获取

我需要一些帮助来确定如何使用React Native的动画视图执行

translateX

以将视图移动到屏幕的左边缘

目前，我已经能够使用一个随机数（-50）来

translateX

，视图将移动，但我不确定如何正确计算移动距离，以便元素正好靠在屏幕的左侧

想法？

如果你想移动的视图是全宽视图，你可以用它来获取窗口宽度和宽度的大小。

我实际上可以通过创建另一个视图来解决这个问题

查看

我要移动的组件前面的组件。然后使用视图的

onLayout

获取其宽度，最后使用“隐藏的”

视图的宽度-translateX
。
我实际上能够通过在我试图移动的组件前面创建另一个视图
组件来解决这个问题。然后使用视图的onLayout
获取其宽度，最后使用“隐藏”视图的宽度-translateX
。
组件最初是如何定位的absolute
ly或带有flex
？@RyanTurnbull its带有flex布局组件最初是如何定位的absolute
ly或带flex
？@RyanTurnbull its带flex布局