将Native TranslateX反映到屏幕边缘

Question

我需要一些帮助来确定如何使用React Native的动画视图执行translateX将视图移动到屏幕的左边缘。

目前，我已经能够{{1}}使用随机数（-50）并且视图会移动，但我不确定如何正确计算移动的距离，以便元素正确对抗屏幕的左侧。

想法？

Answer 1

如果要移动的视图是全宽视图，则可以使用Dimensions API获取窗口宽度，translateX宽度。

Answer 2

我实际上能够通过在我试图移动的组件前面创建另一个View组件来解决这个问题。然后使用视图的onLayout获取其宽度，最后使用“隐藏”translateX组件的宽度 - View。