反应原生.移动应用程序启动指南屏幕的内在逻辑是什么?



我们启动一个应用程序,在那里你会看到屏幕,其中包含多个页面的有关如何使用此应用程序的指南等。它是如何工作的? 我的建议:我在火库中有指南键,我在启动时在本地商店中加载其值。其默认值为 1。1 - 应该显示它,0 - 不应该显示它。当我开始时,我默认显示它,但是当用户到达最后一个屏幕时,我将引导键的值设置为 0。该指南只是一个场景列表(react-native-router-flux(。正确与否?什么是最佳实践?哪个库允许我创建带有点导航的连接屏幕?

我最近实现了这个。我会完全避免在 firebase 中使用引导键,因为您可以在本地完成它。您可以使用异步存储将布尔值写入存储,例如userDidCompleteGuide。然后,当您启动应用程序时,如果在从异步存储读取时未定义该值,则您知道要显示指南组件。完成指南后,将该布尔值保存到异步存储。如果你已经使用了redux-persist,你也可以让它通过redux持久化。

我使用反应导航以及带有 react native 的流体过渡来为屏幕上的共享对象制作动画。

在基本层面上,在 react native 中创建点组件非常容易,所以不要使用它的库。它只是一个具有宽度、高度、边框半径和颜色的视图。更改颜色以指示活动或非活动点,具体取决于您所在的屏幕。您可以将其中几个放在一行中以显示顺序步骤,让第一个显示活动颜色(如白色(,其他颜色为灰色。然后,您可以将整个指南屏幕包裹在可触摸的不透明度中。这样,你可以点击屏幕上的任意位置,进入指南的下一页,这样做的时候,你可以将第二个点设置为白色,第一个点设置为灰色。您可以在两个页面上都有点,并且在更改页面时只需更改颜色,而没有其他内容。或者,您可以让它们成为同一组件并显示上面的实际页面,并使用组件状态根据哪个页面处于活动状态动态更改颜色。只需使用可触摸的不透明度设置切换到下一个屏幕时的状态,以指示哪个屏幕应该处于活动状态,然后基于该状态显示页面。

相关内容

  • 没有找到相关文章

最新更新