请原谅我一个可能被解释为“寻求建议”的问题,而不是纯粹的技术问题。知道StackOverflow后,响应可能会迅速而残酷。
我刚刚使用React Native构建了一个跨平台(iOS和Android)应用程序,并且处于准备生产的最后阶段。启动屏幕是需要完成的任务之一。
不幸的是,我有一些非常复杂的设计要求。我有一个名为Awair的示例应用程序。
这是基本概念:初始屏幕上带有徽标。最初的React Native屏幕上的徽标完全相同,尺寸和位置完全相同。
最终结果是,初始屏幕无缝地淡入实际运行的RN应用程序中。淡入淡出之后,我们将向上对徽标进行动画处理(与该问题无关)。
这是一个例子:
启动画面:
初始反应屏幕:
综合效果:
显然,启动屏幕几乎完全是特定于平台的,并且设置起来比较烦人。在我看来,此功能最困难的部分是确保初始屏幕中的徽标和初始React屏幕中的徽标具有相同的大小,因为一个由RN抽象控制,另一个由纯平台UI图像视图控制。
有人在React Native中构建过类似的东西吗?有什么建议吗?