React native düğmesi Başka bir ekrana taşı menüsünü tıklayın

Yerel olarak tepki vermek için yeniyim.İndir düğmesi ile buraya basit bir senaryoya ihtiyacım var. Ben Bir navigator bileşenini kurmak ve navigator.push işlevi kullanmak gerekir buReact native düğmesi Başka bir ekrana taşı menüsünü tıklayın

<TouchableHighlight 
onPress={this.register} 
style={styles.button1}> 
    <Text style={styles.buttontext1}> 
     Registration 
    </Text> 
</TouchableHighlight> 

register(){ 

    //What should I write in here to go to a new layout. 

}

kaynak

2016-02-11 SahanS

Örnek:

yazma sonraki kod dosyası "nextPage.IOS dosya "root.IOS.js" in

'use strict'; 
    import React, { 
     AppRegistry, 
     Component, 
     StyleSheet, 
     View, 
     NavigatorIOS 
    } from 'react-native'; 

    var rootPage = require('./root.IOS') 
    var client = React.createClass({ 
     render() { 
     return (
      <NavigatorIOS 
       style = {styles.container} 
       initialRoute={{ 
       title: "Root", 
       navigationBarHidden: true, 
       component:rootPage 
       }}/> 
     ); 
     } 
    }); 

    const styles = StyleSheet.create({ 
     container: { 
     flex: 1, 
     } 
    }); 

    AppRegistry.registerComponent('client',() => client);

'use strict'; 

    import React, { 
     StyleSheet, 
     View, 
     TouchableHighlight, 
     Text, 
     Dimensions, 

    } from 'react-native'; 

    var NextPage = require('./nextPage.IOS.js'); 

    var rootPage = React.createClass({ 
     goDerper: function() { 
      this.props.navigator.push({ 
       title: 'nextPage', 
       component: NextPage, 
       navigationBarHidden: true, 
       passProps: {myElement: 'text'} 
      }); 
     }, 
     render: function(){ 
      return(
       <View style={styles.container}> 
        <TouchableHighlight 
         onPress={() => this.goDerper()}> 
         <Text>We must go derper</Text> 
        </TouchableHighlight> 
       </View> 
      ); 
     } 
    }) 

    var styles = StyleSheet.create({ 
     container: { 
      flex: 1, 
      marginTop: 20 
     } 
    }); 
    module.exports = rootPage;

bu kod index.ios.js için .js "

'use strict'; 
var React = require('react-native'); 
var { 
    StyleSheet, 
    View, 
    Text, 
    } = React; 
var Register = React.createClass({ 
    render: function() { 
     return (
      <View style={styles.container}> 
       <Text style={styles.text}>My value: {this.props.myElement}</Text> 
       <Text>any text</Text> 
      </View> 
     ); 
    } 
}) 
var styles = StyleSheet.create({ 
    container: { 
     flex: 1 
    } 
}); 
module.exports = nextPage;

kaynak

2016-02-11 18:59:03

Yanıtladığınız için teşekkürler. sadece bana düz düzen verin. düğmeyi göstermiyor. NavigatorIOS – SahanS

yüklemek için herhangi bir şey var evet sonunda onun iş .thanks çok – SahanS