单击react导航堆栈中的标题右按钮时，打开模型框

Question

这是app.js堆栈屏幕元素

<Stack.Screen name="Home" component={HomeScreen} options={
          { headerTitleStyle: { alignSelf: 'center' },
          headerRight: () => (
            <Button
              onPress={this.add}
              title="+"
              
            />
          )
        }
        }/>

在app.js中添加功能

add = async () => {
  this.setState({
    isVisible: true
  })
 }

homeScreen组件中存在模式

<Modal visible={this.state.isVisible} animationType={"slide"}
               onRequestClose={() => {this.props.isVisible=false} }>

无论何时加载应用程序，都会进入模式页面。它不呈现主屏幕视图。