jasongaare / react-native-walkthrough-tooltip

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

Duplicate Tooltip #192

Open Jol0o opened 9 months ago

Jol0o commented 9 months ago

Screenshot 2023-11-21 022815

Duplicate tooltips

`<UIYStack style={{ height: '100%', justifyContent: "center", alignItems: 'center', }}

<UIXStack style={{ width: '100%', padding: 15, justifyContent: 'space-between', }}

                                                                        <Tooltip
                                                                            isVisible={preOpen}
                                                                            content={<Text>Previous listing</Text>}
                                                                            placement="right"
                                                                            onClose={() => setPrevOpen(false)}
                                                                            backgroundColor='0'
                                                                        >
                                                                            {/* @SK1PPI handle previous*/}
                                                                            <TouchableOpacity
                                                                                style={{
                                                                                    padding: 5,
                                                                                    borderRadius: 20,
                                                                                    backgroundColor: LegacyTheme.COLORS.PRIMARY,
                                                                                }}
                                                                                onPress={
                                                                                    () => setPrevOpen(true)
                                                                                }
                                                                                disabled={agoraEngineConnectionStateIsLive || showIsAuctioning || showIsAutoCycle}
                                                                            >
                                                                                <UIIcon
                                                                                    name="left"
                                                                                    size={15}
                                                                                    color={LegacyTheme.COLORS.WHITE}
                                                                                />
                                                                            </TouchableOpacity>
                                                                        </Tooltip>
                                                                        <Tooltip
                                                                            isVisible={open}
                                                                            content={<Text>Previous listing</Text>}
                                                                            placement="left"
                                                                            onClose={() => setOpen(false)}
                                                                            backgroundColor='0'
                                                                        >
                                                                            {/* @SK1PPI handle next*/}
                                                                            <TouchableOpacity
                                                                                style={{
                                                                                    padding: 5,
                                                                                    borderRadius: 20,
                                                                                    backgroundColor: LegacyTheme.COLORS.PRIMARY,
                                                                                }}
                                                                                onPress={() => setOpen(!open)}
                                                                                disabled={agoraEngineConnectionStateIsLive || showIsAuctioning || showIsAutoCycle}
                                                                            >
                                                                                <UIIcon
                                                                                    name="right"
                                                                                    size={15}
                                                                                    color={LegacyTheme.COLORS.WHITE}
                                                                                />
                                                                            </TouchableOpacity>
                                                                        </Tooltip>

                                                                    </UIXStack>`