The same code works on Android but not on iOS.

[vishalyad16]

@jasongaare @dimadeveatii @BZaldua @josmmv @chadwilken

The same code works on Android but not on iOS.

<GuidedUI guidedUIVisible={shouldDisplayAppliedGuide && state === 'Accepted'}
placement="top"
title={You can reschedule your slot here}
currentCount={2}
totalCount={2}
handleSkip={handleAppliedGuidedUiSkip}
handleDisable={handleAppliedGuidedUiDisable}
handleNext={handleAppliedGuidedUiNext} >
{
buttonName === 'Schedule' ? (
<Tooltip
isVisible={tooltipVisible}
useInteractionManager={true}
content={



Schedule

your

interview now!


Got it

}
placement="top"
>
<CustomButton
onPress={() => {
AsyncStorage.setItem('hasSeenTooltip', 'true');
onPress();
setTooltipVisible(false);
}}
textStyle={[
style.textSmall,
{ textTransform: 'uppercase', width: 'auto', color: buttonName === 'Completed' ? colors.primary : colors.white },
]}
btnStyle={{
margin: 0,
height: 34,
width: 90,
backgroundColor: buttonName === 'Completed' ? "transparent"
: buttonName === 'Upcoming' ? colors.light_black : buttonName === "Join From Web" || buttonName === 'Fill now' ? colors.light_black : colors.primary,
}}
disabled={isCompleted || isReschedulable || isDisabled || isFromWeb}
textColor={colors.white}>
{buttonName}


) : (
<CustomButton
onPress={() => {
onPress();
setTooltipVisible(false);
}}
textStyle={[
style.textSmall,
{ textTransform: 'uppercase', width: 'auto', color: buttonName === 'Completed' ? colors.primary : colors.white },
]}
btnStyle={{
margin: 0,
height: 34,
width: 90,
backgroundColor: buttonName === 'Completed' ? "transparent"
: buttonName === 'Upcoming' ? colors.light_black : buttonName === "Join From Web" || buttonName === 'Fill now' ? colors.light_black : colors.primary,
}}
disabled={isCompleted || isReschedulable || isDisabled || isFromWeb}
textColor={colors.white}>
{buttonName}

)
}

how can i fix this still stuck for 4 days?

[aditya-parkhe01]

@jasongaare yeah... even i faced same issue working on a similar project. could you provide solution for the same ? for me what happened was it was working in android and for ios in debugger mode but when i created ipa it was not working properly. What could be the issue ??

[RichardsA25]

I'm currently re-working a whole navigation design to overcome the same issue... IOS doesn't allow 2 modal screens that aren't parent/child. A modal that's opening on a seperate branch of the UI, as this probably is, will fail on IOS with no alerts or errors.

[austin-nombolo]

The issue I faced boiled down to this when we upgraded React Native. I was able to get iOS working by manually adding time when transitioning from one step to another using timeouts. You need one modal to close/ cleanup before showing the next.

I'm currently re-working a whole navigation design to overcome the same issue... IOS doesn't allow 2 modal screens that aren't parent/child. A modal that's opening on a seperate branch of the UI, as this probably is, will fail on IOS with no alerts or errors.