react-native-walkthrough-tooltip
react-native-walkthrough-tooltip copied to clipboard
jasongaare
The same code works on Android but not on iOS.
@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={<View style={styles.container}>
<View style={styles.textContainer}>
<Text>
<TouchableOpacity onPress={handleSchedule}>
<Text style={styles.greenText}>Schedule</Text>
</TouchableOpacity>
<Text style={styles.normalText}> your</Text>
</Text>
<Text style={styles.normalText}>interview now!</Text>
</View>
<TouchableOpacity onPress={handleToolTipClose}>
<Text style={styles.gotItText}>Got it</Text>
</TouchableOpacity>
</View>}
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>
</Tooltip>
) : (
<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}
</CustomButton>
)
}
</GuidedUI>
how can i fix this still stuck for 4 days?
@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 ??
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.
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.
