如何从React-Native中的另一个类调用一个类

Question

哦..对不起，如果我的脚本令人困惑，因为实际上已经删除了两个选项，以使其看起来更简单，但这使问题的方向不清楚。 这是完整的脚本

A[i:N]

这是一个android屏幕显示

我想要的是，如果选择了“扫描QR”，则将打开“ ScanQR”页面，同样，如果选择了“ Invetory Status”，则将打开“ Inventory”页面。 谢谢

Answer 1

如果要在此类中渲染ScanQR类，可以像

import { Text,  View, TouchableOpacity, StatusBar} from 'react-native';

import ScanQR from './ScanQR';

export default class Home extends Component{
    constructor(props){
        super(props)
      } 
  render() {
    return (
      <View style={styles.container}>
            <StatusBar barStyle = "dark-content" hidden = {false} backgroundColor = "yellow" translucent = {true}/>

    <ScanQR />

      </View>
    );
  }
}

否则，如果您想从此类中导航到ScanQR类，则首先将ScanQR类添加到应用程序导航堆栈中，并且如果其屏幕名称为ScanQR，则可以实现以前所做的类似的事情，

import { Text,  View, TouchableOpacity, StatusBar} from 'react-native';


export default class Home extends Component{
    constructor(props){
        super(props)
      } 
  render() {
    return (
      <View style={styles.container}>
            <StatusBar barStyle = "dark-content" hidden = {false} backgroundColor = "yellow" translucent = {true}/>

            <TouchableOpacity onPress={this.props.navigation.navigate('ScanQR')}><Text style={styles.heading}>Scanning QR</Text></TouchableOpacity>

      </View>
    );
  }
}

请随时提出任何疑问

Answer 2

如果要访问子类，则需要使用道具，如果要从子类访问父类，则引用。

您可以找到完整的答案 here