Our React Native app that uses the react-native-auth0 library with Universal Login got rejected by Apple because the UI of the Apple Sign In button doesn’t meet their requirements.
Guideline 4.0 - Design
We noticed an issue in your app that contributes to a lower quality user experience than Apple users expect:
Your app uses Sign in with Apple as a login option but does not use Sign in with Apple button design, branding and/or user interface elements appropriately as described in the Sign in With Apple Human Interface Guidelines.
Next Steps
To resolve this issue, please revise your app to address all instances of this type of issue.
Resources
For information on improving and enhancing your app:
Watch the video The Ingredients of Great Apps to understand the basics of great apps.
Watch the video iPhone and iPad User Interface Design for practical design tips.
Watch iOS Development Videos to learn about programming and design tips.
Review the iOS Human Interface Guidelines and ensure that your app’s interface and design adhere to these guidelines.
We used a customized version of the Universal Login page that was configured in the Auth0 dashboard and uses the default social authentication buttons. Please see screen shot:
I took a look at Auth0’s “new” universal login page and that one doesn’t follow Apple’s requirements on how the Sign In With Apple button either. See Incorporating Sign in with Apple into other platforms | Apple Developer Documentation and the attached screen shot
.
Please tell me how to proceed here. I tried customizing the button with your interface and wanted to replace it with an icon form Apple for the button but I’m unable to do so. Button: https://appleid.cdn-apple.com/appleid/button?height=44&width=300&border_radius=24&scale=4
Thank you!
Note, I’ve submitted a support ticket but as this is blocking our release I’m reaching out to the community for help in hope for a faster response.