douglasjunior / react-native-recaptcha-that-works

⚛ A reCAPTCHA bridge for React Native that works (Android and iOS)
MIT License
165 stars 33 forks source link

Remove the loading indicator or activity indicator #41

Closed halid96 closed 1 year ago

halid96 commented 1 year ago

I am using the configuration below, however, it is not fully invisible. The activity indicator appears on iOS. The StatusBar appears on Android.

I am using the following configuration. modalProps prop not rewrites modalProps props correctly.

                    <View style={{ display: 'none' }}>
                        <Recaptcha
                            style={{ display: 'none' }}
                            ref={recaptcha}
                            siteKey="6LcsO5sUAAAAADhfEx8vFSKFS2nP1DjHjaZN"
                            baseUrl="https://www.trollflix.com"
                            onVerify={onVerify}
                            size="invisible"
                            hideBadge={true}
                            modalProps={{ visible: false, animationType: 'none', transparent: true, supportedOrientations: ['landscape-right'], statusBarTranslucent: true }}
                        />
                    </View>
douglasjunior commented 1 year ago

You can change de loading component with loadingComponent prop, but I don't think that is a good option to completely remove it.

Because reCaptcha can open the challenge popup in the front of your screen, like this: (it can represent a terrible UX to your users)

image

About the status bar on Android, you can change it with statusBarTranslucent in modalProps https://reactnative.dev/docs/modal#statusbartranslucent-android