Целевой компонент / представление, которое не является дочерним
Я использую React Navigation и React Native Animatable, оба потрясающие.
Можно ли взаимодействовать с другим компонентом реакции, который не является его дочерним? Как ниже. Я получаю ошибку
"Нарушение инварианта: ожидается, что React.Children.All получит единственный дочерний элемент React".
handleViewRef = ref => this.view = ref;
bounce = () => this.view.bounce(800).then(endState =>
console.log(endState.finished ? 'bounce finished' : 'bounce cancelled'));
render(){
return (
<TouchableWithoutFeedback onPress={this.bounce}>
</TouchableWithoutFeedback>
<Animatable.View ref={this.handleViewRef}>
<Text>Bounce me!</Text>
</Animatable.View>
)
}
Допустим, я хочу перемещаться по главному виду, если я перемещаюсь, было бы здорово сделать это с:
<TouchableHighlight onPress={() => this.props.navigation.navigate('Home')} ><Text>Back</Text></TouchableHighlight>