React native “反应”选项卡导航器中的“进度”对话框
我正在对我的应用程序使用react native CreateBoottomTab navigator。这里我有4个选项卡，1.主页，2.配置文件3.同步和4.设置。在这里，我显示了警报框，同时单击同步选项卡。除了同步选项卡，我使用了屏幕（类组件）。但是在同步中，我不想导航到屏幕，所以我使用了这里的函数，我需要显示进度对话框，以便单击同步警报确定按钮。但我面临的问题是，在功能中，我无法使用“进度”对话框。任何人都可以帮助我如何在react native with bottomtab中执行此操作React native “反应”选项卡导航器中的“进度”对话框,react-native,React Native,我正在对我的应用程序使用react native CreateBoottomTab navigator。这里我有4个选项卡，1.主页，2.配置文件3.同步和4.设置。在这里，我显示了警报框，同时单击同步选项卡。除了同步选项卡，我使用了屏幕（类组件）。但是在同步中，我不想导航到屏幕，所以我使用了这里的函数，我需要显示进度对话框，以便单击同步警报确定按钮。但我面临的问题是，在功能中，我无法使用“进度”对话框。任何人都可以帮助我如何在react native with bottomtab中执行此操作
//SyncScreen.js
从“react native”导入{Alert}；
导出默认函数SyncScreen（）{
Alert.Alert（“信息”，“是否要同步”[
{
文本：“取消”，
onPress:（）=>{
控制台日志（“按下取消”）；
}
},
{
文字：“OK”，
onPress:（）=>{
//这里我需要显示进度条
}
}
]);
}
export default const LoggedInNavigator=createBottomTabNavigator(
{
主页：{
屏幕：本垒打
},
简介：{
屏幕：ProfileStack
},
同步：{
屏幕：（）=>null，
导航选项：{
标题：“同步”，
tabBarOnPress:（）=>{
{
同步屏幕（）；
}
}
}
},
设置：{
屏幕：设置策略，
导航选项：{
标题：“背景”
}
}
},
{
导航选项：（{navigation}）=>({
选项卡选项：{
activeTintColor:#0A3D6A“，
颜色：“灰色”
}
})
}
);
//SyncScreen.js
从“react native”导入{Alert}；
将*作为进度从“反应本机进度”导入；
导出默认函数SyncScreen（{navigation}）{
const[progressBarValue，setProgressBarValue]=useState（null）；
useffect（（）=>{
如果（progressBarValue>==1）{
//全进度条，返回私密屏幕
navigation.navigate.goBack（）；
}
}，[progressBarValue]）
useffect（（）=>{
Alert.Alert（“信息”，“是否要同步”[
{
文本：“取消”，
onPress:（）=>{
控制台日志（“按下取消”）；
navigation.navigate.goBack（）；
}
},
{
文字：“OK”，
onPress:（）=>{
setProgressBarValue（0）
设置间隔（（）=>{
setProgressBarValue（prevValue=>prevValue+0.1）
}, 500);
}
}
]);
}, [])
返回null！==progressBarValue？：null；
}
export default const LoggedInNavigator=createBottomTabNavigator(
{
主页：{
屏幕：本垒打
},
简介：{
屏幕：ProfileStack
},
同步：{
屏幕：（）=>同步屏幕，
导航选项：{
标题：“同步”
}
},
设置：{
屏幕：设置策略，
导航选项：{
标题：“背景”
}
}
},
{
导航选项：（{navigation}）=>({
选项卡选项：{
activeTintColor:#0A3D6A“，
颜色：“灰色”
}
})
}
);