React Native Newbie:何时切换屏幕,何时切换组件

时间:2018-04-08 16:24:25

标签: react-native mobile

我正在开发我的第一个移动应用程序(经过十年开发网络),我正在试图找出何时切换屏幕与何时在同一屏幕内切换组件。也许最好用例子解释:

我有一个屏幕,在加载时,它呈现一个非常简单的单输入形式。提交数据后,将显示一个微调器,直到加载一个简单的结果页面。表单/微调器/结果阶段之间没有共同的视图。我假设屏幕更改是移动设备上内存管理的一个重要部分,但我有动画转换,在转换屏幕而不是单个视图时似乎动画效果较慢。

那么:有没有关于何时换出视图与何时在屏幕之间导航的标准约定?

1 个答案:

答案 0 :(得分:2)

一个常见的经验法则是切换屏幕意味着您需要某种导航过渡(新屏幕从右侧或底部滑入)。 如果您不需要导航转换,则最好更改该屏幕内的组件。

对于您的具体示例,以下是我将如何处理它: Input表单和Spinner都应该是同一屏幕的组成部分。首先渲染输入表单。提交表单后,Input组件将被Spinner组件替换。

提交完成后,我会有一个动画过渡到结果屏幕。

当然,您可以将所有内容保存在同一个屏幕中并在所有3个组件之间切换,但这更多的是UI / UX设计问题以及您希望应用程序的行为方式。