Обнаружить onPress в родительском представлении, но не в дочернем представлении

Question

Я разрабатываю приложение с помощью react native. У меня есть родительский компонент «RootComponent» и «ChildComponent», вложенные в родительский компонент. Содержимое, отображаемое в ChildComponent, отображается с использованием условной визуализации. ChildComponent отображает 3 разных представления в зависимости от состояния RootComponent. Теперь я хочу сбросить вид ChildComponent на вид по умолчанию, когда пользователь касается вне ChildComponent в RootComponent. Как мне этого добиться?

Что я пробовал?

Я использовал TouchableNativeFeedback в RootComponent и использовал onPress, чтобы установить состояние по умолчанию . Это работает, однако также меняет состояние на состояние по умолчанию, когда пользователь нажимает внутри ChildComponent.

        <TouchableNativeFeedback onPress={this.setDefaultChildContent}>
            <View style={containerStyle} >

                <View>
                    <ChildComponent
                        content = {this.state.childContent} />
                </View>
                //other views
                <View></View>



            </View>
        </TouchableNativeFeedback>