请原谅我提出一个可能被视为“征求建议”而非纯技术问题的问题 . 知道StackOverflow,响应可能是迅速和残酷的 .

我刚刚用React Native构建了一个跨平台(iOS和Android)应用程序,并且正处于准备 生产环境 的最后阶段 . 需要完成的任务之一是启动屏幕 .

不幸的是,我有一些非常复杂的设计要求 . 我有一个示例应用程序可以解决Awair .

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

最终效果是启动画面无缝地淡入实际运行的RN应用程序 . 在淡入淡出之后,我们将向上设置徽标等等(与此问题无关) .

这是一个例子:

Splash screen:

enter image description here

Initial React Screen:

enter image description here

Combined Effect:

enter image description here

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

有没有人在React Native中构建这样的东西?有什么建议?