gorhom / react-native-paper-onboarding

Paper Onboarding is a material design UI slider for `React Native`.
MIT License
854 stars 50 forks source link

Great implementation, is there a JS alternative? #4

Closed GodwinEbikwo closed 4 years ago

GodwinEbikwo commented 4 years ago

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

gorhom commented 4 years ago

Hi @GodwinEbikwo ,

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

GodwinEbikwo commented 4 years ago

Ho @gorhom here is the issues encountered. image

gorhom commented 4 years ago

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

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

GodwinEbikwo commented 4 years ago

Hi yes I did, all 3 packages were previously installed in my project

On Tue, 3 Mar 2020 at 08:23, Mo Gorhom notifications@github.com wrote:

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

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

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/gorhom/react-native-paper-onboarding/issues/4?email_source=notifications&email_token=AKO2EODRUU6H4B34AA7OEGDRFS5BNA5CNFSM4K7QKRM2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOENSRDFA#issuecomment-593826196, or unsubscribe https://github.com/notifications/unsubscribe-auth/AKO2EOH55IU5XZSFYHYP2NDRFS5BNANCNFSM4K7QKRMQ .

gorhom commented 4 years ago

@GodwinEbikwo could you share your dependencies version ?

GodwinEbikwo commented 4 years ago

Here is a list of my dependencies. Thanks for taking time to help me sort this out Kind regards Godwin

Sent from my iPhone

On 3 Mar 2020, at 12:36, Mo Gorhom notifications@github.com wrote:

 @GodwinEbikwo could you share your dependencies version ?

react-native-reanimated react-native-gesture-handler react-native-svg react-native — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or unsubscribe.

kukadiyaAni commented 4 years ago

@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

gorhom commented 4 years ago

@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

kukadiyaAni commented 4 years ago

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

Now working fine after add createReactActivityDelegate method in MainActivity

Thanks