jasongaare / react-native-walkthrough-tooltip

An inline wrapper for calling out React Native components via tooltip
MIT License
620 stars 184 forks source link

The same code works on Android but not on iOS. #198

Open vishalyad16 opened 2 months ago

vishalyad16 commented 2 months ago

@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!
                      <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?

aditya-parkhe01 commented 2 months ago

@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 ??