时间戳

首页 > 解决方案 > 如何使用 on-press 打开 JavaScript 文件（反应原生应用程序）

react-native - 如何使用 on-press 打开 JavaScript 文件（反应原生应用程序）

问题描述

如何使用 on-press 打开 JavaScript 文件我无法使用 on-press 功能从一个文件导航到另一个文件，我希望能够按下按钮并从我的第一个可触摸不透明度连接到我的另一个 java 脚本文件

import React, { Component } from 'react';
import { StyleSheet, Text, View, Image,ImageBackground,button, TouchableOpacity, Dimensions,Button} from 'react-native';
import {StackNavigator,} from 'react-navigation';

const width = Dimensions.get('window').width; 
const height = Dimensions.get('window').height;
const video=[video1.js]

export default class App extends Component {
  constructor(props){
    super(props)
  }
  render() {
   return (

     <View style={{flexDirection: "row"}}>
        <ImageBackground source={{uri: 'https://lumiere-a.akamaihd.net/v1/images/usa_avengers_sb_bkgd8_1024_0ae5b001.jpeg?region=0%2C0%2C1024%2C576'}}
                         style={{width: width, height: height,}}> 



    <TouchableOpacity onPress={this.props.video}
      style={styles.spiderman}>
          <Image source={{uri: 'http://www.pngmart.com/files/2/Spider-Man-Transparent-Background.png'}}
                 style={{width: 190, height:250,}}/
           >
    </TouchableOpacity>

标签： react-nativereact-navigation

解决方案

您正在使用 React Navigation 来处理应用程序中的路由。在 React Navigation 中，您必须定义路由的结构，然后，您可以转到另一个屏幕，this.props.navigation.navigate('name_of_screen')我建议您阅读文档

推荐阅读