具有 react-navigation-fluid-transitions 的共享属性不起作用

Question

我在 React native 中制作了一个应用程序并发现了一个很酷的 transition library。除 shared="name" 属性外，一切正常。 shared 属性应该使元素在移动和翻转元素之间的导航之间平滑过渡。导航工作正常。

屏幕 1

<Transition appear="left" shared='paper'>
 <View style={styles.paper1} />
</Transition>

屏幕 2

<Transition shared='paper'>
 <View style={styles.paper2} />
</Transition>

如果我有 shared 个相同的名字，我会得到这个错误，但没有多大帮助，如果我没有相同的名字，显然转换没有按预期工作：

TypeError: undefined is not an object (evaluating 'this._callListeners.bind')
- node_modules\react-native\Libraries\Animated\src\AnimatedEvent.js:94:46 in AnimatedEvent
- node_modules\react-native\Libraries\Animated\src\AnimatedImplementation.js:504:42 in event
- ... 37 more stack frames from framework internals

有没有人使用过这个库并让 shared 工作？查看文档并找到 working example 但无法弄清楚我的代码有什么问题。

这是所有MY CODE

的pastebin

Answer 1

你只是在某个地方搞砸了。这是您的工作示例 https://snack.expo.io/Hyk806!HI

具有 react-navigation-fluid-transitions 的共享属性不起作用

Shared attribute with react-navigation-fluid-transitions not working

navigation

transition

reactjs

react-native