Javascript 如何在应用程序启动时合并演练屏幕

我想在我现有的应用程序代码中添加一个三屏演练。在启动屏幕之后，下一个屏幕显示为

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

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

我已经试过了； A.已尝试将演练组件添加到索引文件中 B已尝试将演练组件添加到应用程序文件中

谢谢

    ========== 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 />
        );
      }
    }

=============Index.js==========
从“react native”导入{AppRegistry}；
从“./App”导入应用程序；
AppRegistry.registerComponent（'Pak'，（）=>App）；
==========App.js==========
从“React”导入React，{Component}；
从“./src/config/router”导入{Tabs}；
导出默认类应用程序扩展组件{
render（）{
返回(
);
}
}

我不确定本地移动应用程序。但对于基于浏览器的移动应用和Web应用，您可以使用。当然，这是一个Build v/s Buy call，您必须进行，而且该软件非常易于使用

---

如果你不想找太贵的东西，Whatfix也有一个好的选择。

我不确定本地移动应用。但对于基于浏览器的移动应用和Web应用，您可以使用。当然，这是一个Build v/s Buy call，您必须进行，而且该软件非常易于使用

---

如果你不想找太贵的东西，Whatfix也有一个功能。创建一个名为演练的组件，包含三个幻灯片或选项卡。在Asyncstorage中保存一个

bool

，用于存储用户是否看到演练组件。在应用程序启动时，在显示Spalshscreen的同时，在AsyncStorage中检查名为演练的项目，该项目在第一次启动时将为false，如果为false，则将演练组件返回给用户。一旦用户单击

done

（完成/跳过它的任何按钮），在AsyncStorage中将演练设置为true，并将用户带到主页。 在连续启动时，Asyncstorage On launch会将演练返回为true，因此通过dafault返回主页，从而不再向他们显示演练

介绍幻灯片套装

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

---

创建一个名为演练的组件，包含三个幻灯片或选项卡。在Asyncstorage中保存一个

bool

，用于存储用户是否看到演练组件。在应用程序启动时，在显示Spalshscreen的同时，在AsyncStorage中检查名为演练的项目，该项目在第一次启动时将为false，如果为false，则将演练组件返回给用户。一旦用户单击

done

（完成/跳过它的任何按钮），在AsyncStorage中将演练设置为true，并将用户带到主页。 在连续启动时，Asyncstorage On launch会将演练返回为true，因此通过dafault返回主页，从而不再向他们显示演练

介绍幻灯片套装

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