2016-06-07 86 views
0

我嘗試讀取QR碼與反應本土 然後我安裝庫不確定是不是(評估「this.props.navigator.push」),而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); 

,但我得到這個錯誤 不確定是不是一個對象(評估「this.props.navigator.push」)

,我不知道是什麼不對的地方,請大家幫忙。 或者是否有任何庫可以讀取QRCode並給我鏈接或字符串?

+0

嘿,你註冊的索引組件,而不是cameraApp,順便說一句,把兒童組件在頂部是更好 –

+0

@liupluto沒有改變,仍然有錯誤 –

回答

0

NavigatorIOS組件僅適用於iOS。您需要使用可在Android和iOS上運行的Navigator組件。

+0

感謝您寶貴的時間,但我已經取代它,但問題是,它沒有出現在Android模擬器上的任何東西 –

+0

我已經更新了答案。 – Jickson

+0

但是,Navigator如何讀取我的QR碼?,對不起,我是新手機應用程序的所有:) –

相關問題