二维码读取库时，未定义不是对象（评估“this.props.navigator.push”）

Question

我尝试使用 react native 读取 QRcode 然后我安装库

这是我的代码

  'use strict';

    var React = require('react-native');
    var {
      AppRegistry,
      StyleSheet,
      Text,
      View,
      TouchableOpacity,
      NavigatorIOS,
    } = React;

    var QRCodeScreen = require('./QRCodeScreen');   

  var cameraApp = React.createClass({
      render: function() {
        return (
          <NavigatorIOS
            style={styles.container,{ width:100,height:500}}
            initialRoute={{
              title: 'Index',
              backButtonTitle: 'Back',
              component: Index,
            }}
          />        
        );
      }
    });    

    var Index = React.createClass({        
      render: function() {
        return (
          <View style={styles.contentContainer}>
            <TouchableOpacity onPress={this._onPressQRCode} >
              <Text>Read QRCode</Text>
            </TouchableOpacity>
          </View>
        );
      },        
      _onPressQRCode: function() {
        this.props.navigator.push({
          component: QRCodeScreen,
          title: 'QRCode',
          passProps: {
            onSucess: this._onSucess,
          },
        });
      },        
      _onSucess: function(result) {
        console.log(result);
      },

    });           


    var styles = StyleSheet.create({
      container: {
        flex: 1,
        backgroundColor: '#F5FCFF',        
      },
      contentContainer: {
        flex: 1,
        alignItems: 'center',
        justifyContent: 'center',
      }
    });

    AppRegistry.registerComponent('MyFirstReactapril', () => cameraApp);

但我收到此错误 undefined 不是对象（评估 'this.props.navigator.push'）

我不知道它有什么问题，请帮忙。 或者有没有图书馆可以读取二维码并给我链接或字符串？

Answer 1

NavigatorIOS 组件仅适用于 iOS。您需要使用Navigator 组件，该组件可在 Android 和 iOS 中使用。