如何使用反应原生纸模态制作从下到上的模态动画?

Question

我想创建一个模式滑动视图，该视图使用 react-native-paper<Modal />组件从屏幕底部以 react-native 显示。

我使用来自react-native的<Animated />来制作动画，我的目标是：web，android和iOS。

这是我尝试过的：

https://snack.expo.io/@kopax/react-native-paper-modal-bottom-to-top-animation

• 网络：动画似乎被截断了
• iOS：完全没有动画
• 安卓：我有一个错误：Uncaught Error: Error while updating property 'transform' of a view managed by: RCTView

如何使用反应原生纸张模式构建从底部到顶部的幻灯片面板动画？

我发现react-native的原始模态正是我想要的，除了它没有可点击的背景来关闭具有 react-native-paper 的叠加层，请在此处查看 react-native 原始模态演示

Answer 1

https://github.com/react-native-community/react-native-modal

我正在使用这个库为我的应用程序创建模式底部对话框，到目前为止，;)

请看一看;)

Answer 2

这是一种你可以使用它的方式

import { Modal } from 'react-native-paper';

<Modal visible={visible} onDismiss={this._hideModal}>

</Modal>

https://snack.expo.dev/@kopax/react-native-paper-modal-bottom-to-top-animation