UNPKG

expo-apple-authentication

Version:

A package that provides 'Sign in with Apple' capability for Expo and React Native apps.

29 lines 1.96 kB
import type { AppleAuthenticationButtonProps } from './AppleAuthentication.types'; /** * This component displays Apple's proprietary "Sign In with Apple" / "Continue with Apple" button * using the native [`ASAuthorizationAppleIDButton`](https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidbutton). * Apple's [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple) * allow custom buttons as long as they follow Apple's branding rules (approved title, official * logo asset, approved colors, proportions, and minimum size). Using this component is the easiest * way to meet those requirements, since the system button is automatically Apple-approved, * localized, and accessible. * * You should only attempt to render this if [`AppleAuthentication.isAvailableAsync()`](#appleauthenticationisavailableasync) * resolves to `true`. This component will render nothing if it is not available, and you will get * a warning in development mode (`__DEV__ === true`). * * The properties of this component extend from `View`; however, you should not attempt to set * `backgroundColor` or `borderRadius` with the `style` property. This will not work and is against * the App Store Guidelines. Instead, you should use the `buttonStyle` property to choose one of the * predefined color styles and the `cornerRadius` property to change the border radius of the * button. * * Make sure to attach height and width via the style props, since without them the button will * not appear on the screen. * * @see [Apple * Documentation](https://developer.apple.com/documentation/authenticationservices/asauthorizationappleidbutton) * for more details. */ export default function AppleAuthenticationButton({ onPress, ...restProps }: AppleAuthenticationButtonProps): import("react/jsx-runtime").JSX.Element | null; //# sourceMappingURL=AppleAuthenticationButton.d.ts.map