React Native-将启动屏幕淡入淡入优雅的初始视图吗?

时间:2018-07-13 14:11:48

标签: android ios react-native react-native-android splash-screen

请原谅我一个可能被解释为“寻求建议”的问题,而不是纯粹的技术问题。知道StackOverflow后,响应可能会迅速而残酷。

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

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

这是基本概念:初始屏幕上带有徽标。最初的React Native屏幕上的徽标完全相同,尺寸和位置完全相同。

最终结果是,初始屏幕无缝地淡入实际运行的RN应用程序中。淡入淡出之后,我们将向上对徽标进行动画处理(与该问题无关)。

这是一个例子:

启动画面:

enter image description here

初始反应屏幕:

enter image description here

综合效果:

enter image description here

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

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

0 个答案:

没有答案