按一下即可在本机反应中打开新屏幕

时间:2018-08-23 22:10:14

标签: javascript ios reactjs react-native button

我想按一下按钮从按钮打开一个新文件,我该怎么做呢?这是我要打开kidvideo.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, }} />

2 个答案:

答案 0 :(得分:0)

我还不明白你的问题。

如果要在屏幕之间导航,可以使用https://facebook.github.io/react-native/docs/navigation

如果您要进行路线选择或导航,则可以使用https://reactnavigation.org

希望对您有帮助

答案 1 :(得分:0)

如果使用npm,请先安装react-native-router-flux:

 npm install react-native-router-flux

在您的App.js中 然后根据场景文件导入场景,并对本地路由器流量做出反应

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