как передать реквизит из родительского компонента к компоненту ребенка react native?

сейчас я занимаюсь разработкой простая страница входа, которая принимает имя пользователя и пароль, и мне нужны эти данные, чтобы сделать проверку подлинности и если она проходит, на второй вид. моя проблема в том, что я не был способен успешно передать имя пользователя и пароль в качестве реквизита в дочерний компонент, т. е. secureview с js

этот код я уже написал. искали везде, но не смогли найти новичок дружественных решение моей проблемы. пожалуйста, помогите.

мой код в текстовые поля:

<textinput                  style={styles.input_username}                  placeholder=" username"                  placeholdertextcolor="#000000"                  onchange={(event) => this.setstate({username: event.nativeevent.text})}                  value={this.state.username}              />

мой getinitialstate() метод:

  var login1 = react.createclass({    getinitialstate() {      return {        username: '',        password: '',            } },

мой onsubmitpressed() функции:

onsubmitpressed() {this.props.navigator.push({id: 'secureview',passprops: {  username: this.props.username            }          }); },

мой индекс.файл андроид:

'use strict';import react, { component } from 'react';import {appregistry,stylesheet,text,view,navigator,} from 'react-native';var login1 = require('./app/screens/login1');var secureview = require('./app/screens/secureview');var loginsimple = react.createclass({ render: function() {  return (  //<loginsimple />  <navigator        style={styles.navigatorcontainer}        initialroute={{id: 'login1'}}        renderscene={this.navigatorrenderscene}        username={this.props.username}/>    );  },  navigatorrenderscene(route, navigator) {    //  _navigator = navigator;switch (route.id) {  case 'login1':    return (<login1 navigator={navigator}      {...route.passprops}        title="login1"/>);  case 'secureview':    return (<secureview navigator={navigator}      {...route.passprops}        title="secureview"/>); } },  });  var styles = stylesheet.create({   navigatorcontainer: {flex: 1, }}); appregistry.registercomponent('loginsimple', () => loginsimple);

в моем файле secureview яш, я написал простой текстовый элемент как таковой:

<text> welcome {this.props.username}!</text> 

мой выход всегда как такового

welcome !

как правильно сдать реквизит из первого файла в мой файл secureview?