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}>