gorhom / react-native-paper-onboarding

Paper Onboarding is a material design UI slider for `React Native`.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Great implementation, is there a JS alternative?

GodwinEbikwo opened this issue · comments

Hi is this only capable if you are using .ts? I can't seem to get it work using javascript

Hi @GodwinEbikwo ,

it should work fine with JavaScript project, but you could provide logs so i can help you :)

Ho @gorhom here is the issues encountered.
image

have you installed react-native-reanimated, react-native-gesture-handler & react-native-svg ?

https://github.com/gorhom/react-native-paper-onboarding#installation

@GodwinEbikwo could you share your dependencies version ?

  • react-native-reanimated
  • react-native-gesture-handler
  • react-native-svg
  • react-native

@gorhom I have installed all dependence still not work

here is my code

const data = [
    {
        title: 'Hotels',
        description: 'All hotels and hostels are sorted by hospitality rating',
        color: '#698FB8',
    },
    {
        title: 'Banks',
        description: 'We carefully verify all banks before add them into the app',
        color: '#6CB2B8',
    },
    {
        title: 'Stores',
        description: 'All local stores are categorized for your convenience',
        color: '#9D8FBF',
    },
];
<PaperOnboarding
                data={data}
                safeInsets={{
                    top: useSafeArea?.top,
                    bottom: useSafeArea?.bottom,
                    left: useSafeArea?.left,
                    right: useSafeArea?.right,
                }}
                onCloseButtonPress={this.handleOnClosePress}
            />

get output like below screenshot but slider not work

Screenshot_1585994319

it's like gesture not working

react-native-svg version is 12.0.3

@kukadiyaAni have you followed the installation instruction for react-native-gesture-handler ?
https://software-mansion.github.io/react-native-gesture-handler/docs/getting-started.html

@gorhom
I have install react-native-gesture-handler but not override createReactActivityDelegate

Now working fine after add createReactActivityDelegate method in MainActivity

Thanks