如何将漫游屏幕与应用程序的发布结合起来

Question

我想在我现有的应用程序代码中添加一个三个屏幕的演练。在启动屏幕后的瞬间，下一个屏幕看起来如下

​

​

这是应用程序的三个选项卡主视图。

我试图实现的是在启动屏幕之后，我想在附加的主应用程序屏幕加载之前显示三个屏幕演练，我已经完成了演练屏幕的所有代码，这只是一个问题，在哪里添加代码，以获得预期的结果，如所述。

我已经尝试了如下: a.尝试将演练组件添加到索引文件b中。尝试将演练组件添加到App文件中。

谢谢

    ========== Index.js ==========
    import { AppRegistry } from 'react-native';
    import App from './App';

    AppRegistry.registerComponent('Pak', () => App);


    ========== App.js ==========
    import React, { Component } from 'react';
    import { Tabs } from './src/config/router';

    export default class App extends Component {
      render() {
        return (
          <Tabs />
        );
      }
    }

Answer 1

创建一个名为“演练”的组件，其中包含三个幻灯片或选项卡。将bool保存在Asyncstorage中，如果用户看过演练组件或未见过，该存储区将存储。在启动应用程序时，当显示Spalsh幕时，请在AsyncStorage中签入名为“演练”的项，该项目在第一次启动时将为假，如果为false，则将演练组件返回给用户。一旦用户单击done(任何完成它/跳过它的按钮)，在AsyncStorage中将演练设置为true，并将用户带到主页。在连续启动时，启动时的Asyncstorage将返回演练，因此dafault将返回主页，因此不再向他们显示演练。

导轨包

下面的链接是一个维护包，以方便创建介绍滑块。如果您想要这样的介绍滑块与您的自定义信息和图像，您可以利用它。否则，您可以创建您自己的自定义组件，其中的三个或四个，将它们放在HorizontalSliders中并显示给用户。

https://github.com/Jacse/react-native-app-intro-slider

Answer 2

我不确定本地移动应用程序。但是对于基于浏览器的移动应用程序和网络应用程序，您可以使用惠特菲克。当然，这是一个构建v/s购买调用，您必须进行，这个软件是相当容易使用。

如果你不想买太贵的东西，Whatfix也有一个免费社区版。