如何从简介滑块移至“真实应用”

时间:2018-11-13 23:08:45

标签: react-native

因此,正如标题所述,我是这个世界的新手,因此决定创建一个小型应用程序作为测试。我想要一个简介滑块,并在GitHub上找到了this。我已经单独制作了我的应用程序,所以我想知道了,可以使用此GitHub代码,然后在状态更改时将其指向我的应用程序,但是,我不确定该怎么做。

我是否需要在输入代码的地方创建另一个.js文件,然后让它调用当前的App.js?我知道如果变为true,则将呈现“ app”:

render() {
    if (this.state.showRealApp) {
      return <App />;
    } else {
      return <AppIntroSlider slides={slides} onDone={this._onDone}/>;
    }
  }

但是我不确定应该放什么,而不仅仅是<App />;我在看文档,但是我不确定我在找什么,所以这有一点争议。有指针吗?

2 个答案:

答案 0 :(得分:0)

您的问题不是很清楚。因此,这是您必须使用的方法,以便在本机应用程序中使用外部软件包。

首先通过NPM下载该软件包,

`npm install react-native-app-intro-slider`. 

并将其导入您称之为的位置

`<AppIntroSlider slides={slides} onDone={this._onDone}/>` 

使用import AppIntroSlider from 'react-native-app-intro-slider';

答案 1 :(得分:0)

好吧,看着滑块的回购,他们只是简单地给出了样本的骨架。应用基本上就是您想要呈现的内容。

是的,要回答您的问题,您可以创建一个单独的.js文件,在其中进行渲染,然后导入该组件并将App替换为您所谓的该组件。或者要使其正常工作并确保导入和一切正常,您可以将App替换为具有某种样式的View,以查看状态更改时它是否起作用。

确保导入View或决定使用的任何组件。

例如,您可以使用

render() {
if (this.state.showRealApp) {
  return <Text>Yay, it rendered properly</Text>;
} else {
  return <AppIntroSlider slides={slides} onDone={this._onDone}/>;
}

}

从react-native导入文本后