Question

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

这是应用程序的三个标签主视图。

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

我已经尝试过以下; 一个。尝试将Walkthrough组件添加到索引文件中湾尝试将Walkthrough组件添加到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

我不确定Native Mobile Apps。但对于基于浏览器的移动应用程序和Web应用程序，您可以使用Whatfix。当然，这是一个必须制作的Build v / s Buy电话，这个软件很容易使用。

如果你没有找到太昂贵的东西，Whatfix也有free community version。

Answer 2

使用Three Slides或Tabs创建一个名为Walkthrough的Component。在Asyncstorage中保存bool，如果用户已经看过Walkthrough组件，则会存储。在应用程序启动时，在显示Spalshscreen时，在AsyncStorage中检查一个名为Walkthrough的项目，该项目在第一次启动时将为false，如果为false，则将Walkthrough组件返回给用户。一旦用户点击done（任何按钮完成它/跳过它），在AsyncStorage中将Walkthrough设置为true并将用户带到主页。在连续发布时，Asyncstorage在启动时将返回Walkthrough为true，因此通过dafault返回主页，因此不再向他们展示演练。

简介幻灯片套餐

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

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

如何在应用启动时整合漫游屏幕

2 个答案: