javascript - React Native 利用 svgs 创建动画过渡/自定义屏幕？

Question

我有一个使用react-native-svg动画制作的给定路径renanimated 2，基本上我想重新创建没有显示的动画。3这里。我对在 javascript 中创建 svg 和一般反应本机相当陌生，所以我可能会遗漏一些重要信息，但由于多种原因，我看不到如何使用 svg 创建动画：

• 为了让浮动操作按钮转换为全屏视图，svg 需要填满屏幕，甚至在触发转换之前，因为必须有某个地方可以绘制路径
• 但是，只要 svg 在屏幕上，它下面的所有元素都不能交互
• 这意味着除了将转换到另一个视图的浮动操作按钮之外的所有元素都被完全禁用，因为 svg 覆盖了所有元素，即使视图框上实际上没有绘制任何内容

我非常不确定我应该如何进行。svg 不适用于这种用法吗？如果是这样，什么工具会起作用？我在某种程度上误解了 svg 吗？

标签： javascriptreact-nativesvg