我们启动了一个应用,然后您会在屏幕上看到包含多页的屏幕,其中提供了有关如何使用此应用等的指南。它是如何工作的? 我的建议:我在firebase中有引导键,我在启动时将其值加载到本地存储中。其默认值为1。1-应该显示它,0-不应该显示它。当我开始时,默认情况下显示它,但是当用户到达最后一个屏幕时,我将引导键的值设置为0。该引导只是场景列表(react-native-router-flux)。是对的吗?什么是最佳做法?哪个库允许我通过点导航创建连接的屏幕?
答案 0 :(得分:1)
我最近实现了这一点。我将完全避免在Firebase中使用引导键,因为您可以在本地完成。您可以使用异步存储将布尔值写入userDidCompleteGuide
之类的存储中。然后,在启动应用程序时,如果从异步存储中读取时未定义该值,则知道要显示指南组件。完成指南后,将该布尔值保存到异步存储中。如果您已经使用过redux-persist,也可以通过redux使其持久化。
我将react-navigation与fluid transitions一起使用了react native,用于在屏幕上为共享对象设置动画。
在基本级别上,在react native中创建点组件真的很容易,所以不要使用它的库。它只是具有宽度,高度,borderRadius和颜色的视图。根据您所在的屏幕,更改颜色以指示活动点或非活动点。您可以将其中的几行连续显示以显示顺序的步骤,让第一个显示为活动颜色(例如白色),其他显示为灰色。然后,您可以将整个指南屏幕包裹在可触摸的不透明度中。这样,您可以点按屏幕上的任意位置以进入指南的下一页,并且在这样做时,可以将第二个点设置为白色,将第一个点设置为灰色。您可以在两个页面上都有点,并且在更改页面时只需更改颜色即可。或者,您可以让它们是相同的组件,并在上方显示实际页面,并使用组件状态基于哪个页面处于活动状态来动态更改颜色。只需在切换到下一个屏幕时使用可触摸的不透明度指示要激活的状态来设置状态,然后基于该状态显示页面。