react-native-walkthrough icon indicating copy to clipboard operation
react-native-walkthrough copied to clipboard

Walkthrough elements shifted on Android

Open jkrath opened this issue 3 years ago • 2 comments

Dear jasongaare,

thank you very much for providing that wonderful walkthrough that I am currently using in my app for a user onboarding. Everything works very nicely on IOS. However, I do encounter problems when trying the app on my android device (Pixel 3) with Expo. Every child element in the walkthrough is shifted about 40px to the bottom of the original element (see Screenshot) Is there any way to fix this?

"react-native": "0.64.3" "expo": "^44.0.0" "expo-app-loading": "~1.3.0" "expo-application": "~4.0.1" expo-cli 6.0.2

Thank you very much for your support! Best regards Screenshot_20220818-145650 Screenshot_20220818-145642 Screenshot_20220818-145632

Jeanine

jkrath avatar Aug 18 '22 12:08 jkrath

I'm also having this problem

michael-agilesrc avatar May 24 '23 13:05 michael-agilesrc

@jkrath Its been a while so you probably don't need this anymore, but I fixed this issue by adding the following to my walkthrough guide steps:

tooltipProps: {
    topAdjustment: Platform.OS === 'android' ? -(StatusBar.currentHeight ?? 0) : 0
}

michael-agilesrc avatar May 24 '23 13:05 michael-agilesrc