react-native-walkthrough-tooltip
react-native-walkthrough-tooltip copied to clipboard
Duplicate Tooltip
trafficstars
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>`