javascript - 打开新屏幕以在按下时做出 native react

Question

我想按下按钮从按钮打开一个新文件我将如何去做这是我想打开 kidsvideo.js 的文件示例

这是主屏幕的代码，我只是无法打开另一个文件的新窗口

<TouchableOpacity onPress={kidsvideo} style={styles.panther}>
  <Image source={{uri: 'https://vignette.wikia.nocookie.net/avengers-assemble/images/a/a0/Usa_avengers_herochi_blackpanther_r_e1954416.png/revision/latest?cb=20170417131405'}}
   style={{width: 190, height: 300, }} />

Answer 1

首先安装 react-native-router-flux，如果你使用的是 npm:

 npm install react-native-router-flux

在你的 App.js
然后根据他们的文件导入你的场景并 react 原生路由器通量

import FirtScene from './firstscene'
import SecondScene from './secondscene
import { Actions, Router, Scene } from "react-native-router-flux";

然后在 App.js 中设置你的路由器

<Router>
    <Scene key="app">
      <Scene key="scene1" component={FirstScene} hideNavBar />
      <Scene key="scene2" component={SecondScene} hideNavBar/>
    </Scene>
</Router>

'scene1' 将成为您的主屏幕，因为您将其放在首位

然后在你的主屏幕('scene1')

import { Actions, Router, Scene } from "react-native-router-flux";

然后从第一个屏幕转到第二个屏幕:

TouchableOpacity onPress={() =>
            Actions.scene2()} style={styles.panther}>