1

我想在我现有的应用程序代码中添加一个三屏演练。在启动画面之后的那一刻，下一个屏幕似乎是

在此处输入图像描述

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

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

我已经尝试过；一个。尝试将演练组件添加到索引文件 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 />
        );
      }
    }
4

2 回答 2

0

创建一个名为 Walkthrough 的组件，其中包含三个幻灯片或选项卡。保存一个bool在 Asyncstorage 中，它存储用户是否看过演练组件。在应用程序启动时，在显示 Spalshscreen 时，在 AsyncStorage 中检查一个名为 Walkthrough 的项目，该项目在第一次启动时将为 false，如果为 false，则将 Walkthrough 组件返回给用户。一旦用户点击done（任何按钮来完成它/跳过它），在 AsyncStorage 中将 Walkthrough 设置为 true 并将用户带到主页。在连续启动时，启动时的 Asyncstorage 会将演练返回为 true，因此默认情况下您会返回主页，因此不再向他们显示演练。

介绍幻灯片包

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

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

于 2018-02-02T06:42:10.890 回答
0

我不确定本机移动应用程序。但是对于基于浏览器的移动应用程序和 Web 应用程序，您可以使用Whatfix。当然，这是您必须拨打的 Build v/s Buy 电话，而且该软件非常易于使用。

如果您不是在寻找太贵的东西，Whatfix 也有一个免费的社区版本。

于 2018-02-02T06:03:23.917 回答