Как получить значение дочернего компонента TextInput NavigatorIOS в native-native

Question

У меня есть компонент NavigatorIOS, который содержит представление настроек. В этом представлении настроек есть список параметров, которые индивидуально открывают свое собственное представление при нажатии. Когда эта настройка щелкнули, задняя стрелка и правая кнопка появляется, например, так:

У меня есть набор функций для того, когда правая кнопка нажата называется onRightButtonPress, что находится внутри push функции моего штурмана, который вызывается с страницы настроек, чтобы привязать страницу настроек к ребенку. Моя push функция выглядит следующим образом:

navHeight(){ 
    this.props.navigator.push({ 
     title: 'Height', 
     component: Height, 

     rightButtonTitle: 'Save', 
     passProps: { 
      units: this.state.units 
     }, 
     onRightButtonPress:() => { 
      console.warn("hey whats up hello"); 
      this.props.navigator.pop()} 
     }) 
    } 

компонент Высота, которая визуализируется как ребенок выглядит следующим образом:

class Height extends Component{ 
    render(){ 
    return(
     <View style={styles.settingInput}> 
     <Text style={styles.inputRow}>Height: </Text> 
      <TextInput ref="heightInput" 
     onChangeText={function(text){ 
      console.warn(text); 
     } 
     }/> 
      <Text style={styles.inputRowRight}> m</Text> 
     </View> 
    );  
    } 
} 

Есть ли способ, чтобы получить доступ к стоимости TextInput в Height компонента при onRightButtonPress называется? Моя реакция-родная версия 0.27.2, если это помогает.

Редактировать: I Специально хочу получить доступ к тексту, записанному внутри TextInput при нажатии кнопки Save. В принципе, я не хочу, чтобы реквизит, переданный ребенку, обновлялся, если он не был нажат.

Answer 1

Как раз для того чтобы уточнить, я никогда не использовал реакцию-родной, просто реагирует.

Возможно, вы можете передать функцию непосредственно в реквизит и назначить ее в качестве обратного вызова для onChangueText компонента TextInput.

const externalGetInputText() => return this.refs.heightInput.value; 


navHeight() { 
    this.props.navigator.push({ 
     title: 'Height', 
     component: Height, 

     rightButtonTitle: 'Save', 
     passProps: { 
      units: this.state.units, 
      internalGetInputText: externalGetInputText 
     }, 
     onRightButtonPress:() => { 
      console.warn("hey whats up hello"); 
      const text = externalGetInputText(); 
      console.warn(text); 
      this.props.navigator.pop()} 
    }) 
} 

class Height extends Component{ 
    render(){ 
     return(
      <View style={styles.settingInput}> 
       <Text style={styles.inputRow}>Height: </Text> 
       <TextInput 
        ref="heightInput" 
        onChangeText={this.props.internalGetInputText} 
       /> 
       <Text style={styles.inputRowRight}> m</Text> 
      </View> 
     ); 
    } 
} 

Последнее замечание, я did't проверить его.