android - React Native - 优雅地将初始屏幕淡入初始 React View？

Question

请原谅我提出一个可能被解释为“征求意见”而不是纯技术问题的问题。了解 StackOverflow，响应可能是迅速而残酷的。

我刚刚使用 React Native 构建了一个跨平台（iOS 和 Android）应用程序，并且正处于为生产做准备的最后阶段。需要完成的任务之一是启动画面。

不幸的是，我有一些非常复杂的设计要求。我有一个名为Awair的示例应用程序可以运行。

这是基本的想法：启动画面上有一个标志。最初的 React Native 屏幕上有完全相同的徽标，尺寸完全相同，位置完全相同。

最终效果是启动画面无缝地淡入实际运行的 RN 应用程序。褪色后，我们将向上动画徽标等（与此问题无关）。

这是一个例子：

启动画面：

初始反应屏幕：

综合效果：

显然，启动画面几乎完全是特定于平台的，并且设置起来相对烦人。在我看来，这个功能最难的部分是确保初始屏幕中的 logo 和初始 React 屏幕中的 logo 大小相同，因为一个由 RN 抽象控制，另一个是纯平台 UI Image View。

有没有人在 React Native 中构建过类似的东西？有什么建议吗？

标签： androidiosreact-nativereact-native-androidsplash-screen