Interface AddToWalletButtonProps

Add to wallet button component props

interface AddToWalletButtonProps {
    accessible?: boolean;
    accessibilityActions?: readonly Readonly<{ name: string; label?: string }>[];
    accessibilityLabel?: string;
    "aria-label"?: string;
    accessibilityRole?: AccessibilityRole;
    accessibilityState?: AccessibilityState;
    "aria-busy"?: boolean;
    "aria-checked"?: boolean | "mixed";
    "aria-disabled"?: boolean;
    "aria-expanded"?: boolean;
    "aria-selected"?: boolean;
    accessibilityHint?: string;
    accessibilityValue?: AccessibilityValue;
    "aria-valuemax"?: number;
    "aria-valuemin"?: number;
    "aria-valuenow"?: number;
    "aria-valuetext"?: string;
    onAccessibilityAction?: (event: AccessibilityActionEvent) => void;
    importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants";
    "aria-hidden"?: boolean;
    "aria-modal"?: boolean;
    role?: Role;
    accessibilityLabelledBy?: string | string[];
    "aria-labelledby"?: string;
    accessibilityLiveRegion?: "none" | "polite" | "assertive";
    "aria-live"?: "off" | "polite" | "assertive";
    accessibilityElementsHidden?: boolean;
    accessibilityViewIsModal?: boolean;
    onAccessibilityEscape?: () => void;
    onAccessibilityTap?: () => void;
    onMagicTap?: () => void;
    accessibilityIgnoresInvertColors?: boolean;
    accessibilityLanguage?: string;
    accessibilityShowsLargeContentViewer?: boolean;
    accessibilityLargeContentTitle?: string;
    style?: StyleProp<ViewStyle>;
    iOSButtonStyle?: "onDarkBackground" | "onLightBackground";
    androidAssetSource: ImageSourcePropType;
    testID?: string;
    testEnv?: boolean;
    cardDetails: {
        primaryAccountIdentifier: null | string;
        name: string;
        description: string;
        lastFour?: string;
        brand?: Token.CardBrand;
    };
    token?: null
    | GooglePayCardToken;
    ephemeralKey: object;
    onComplete(result: { error: null | StripeError<CardActionError> }): void;
}

Hierarchy

  • AccessibilityProps
    • AddToWalletButtonProps

Properties

accessible? accessibilityActions? accessibilityLabel? aria-label? accessibilityRole? accessibilityState? aria-busy? aria-checked? aria-disabled? aria-expanded? aria-selected? accessibilityHint? accessibilityValue? aria-valuemax? aria-valuemin? aria-valuenow? aria-valuetext? onAccessibilityAction? importantForAccessibility? aria-hidden? aria-modal? role? accessibilityLabelledBy? aria-labelledby? accessibilityLiveRegion? aria-live? accessibilityElementsHidden? accessibilityViewIsModal? onAccessibilityEscape? onAccessibilityTap? onMagicTap? accessibilityIgnoresInvertColors? accessibilityLanguage? accessibilityShowsLargeContentViewer? accessibilityLargeContentTitle? style? iOSButtonStyle? androidAssetSource testID? testEnv? cardDetails token? ephemeralKey

Methods

onComplete

Properties

Optionalaccessible

accessible?: boolean

When true, indicates that the view is an accessibility element. By default, all the touchable elements are accessible.

OptionalaccessibilityActions

accessibilityActions?: readonly Readonly<{ name: string; label?: string }>[]

Provides an array of custom actions available for accessibility.

OptionalaccessibilityLabel

accessibilityLabel?: string

Overrides the text that's read by the screen reader when the user interacts with the element. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space.

Optionalaria-label

"aria-label"?: string

Alias for accessibilityLabel https://reactnative.dev/docs/view#accessibilitylabel https://github.com/facebook/react-native/issues/34424

OptionalaccessibilityRole

accessibilityRole?: AccessibilityRole

Accessibility Role tells a person using either VoiceOver on iOS or TalkBack on Android the type of element that is focused on.

OptionalaccessibilityState

accessibilityState?: AccessibilityState

Accessibility State tells a person using either VoiceOver on iOS or TalkBack on Android the state of the element currently focused on.

Optionalaria-busy

"aria-busy"?: boolean

alias for accessibilityState

see https://reactnative.dev/docs/accessibility#accessibilitystate

Optionalaria-checked

"aria-checked"?: boolean | "mixed"

Optionalaria-disabled

"aria-disabled"?: boolean

Optionalaria-expanded

"aria-expanded"?: boolean

Optionalaria-selected

"aria-selected"?: boolean

OptionalaccessibilityHint

accessibilityHint?: string

An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.

OptionalaccessibilityValue

accessibilityValue?: AccessibilityValue

Represents the current value of a component. It can be a textual description of a component's value, or for range-based components, such as sliders and progress bars, it contains range information (minimum, current, and maximum).

Optionalaria-valuemax

"aria-valuemax"?: number

Optionalaria-valuemin

"aria-valuemin"?: number

Optionalaria-valuenow

"aria-valuenow"?: number

Optionalaria-valuetext

"aria-valuetext"?: string

OptionalonAccessibilityAction

onAccessibilityAction?: (event: AccessibilityActionEvent) => void

When accessible is true, the system will try to invoke this function when the user performs an accessibility custom action.

OptionalimportantForAccessibility

importantForAccessibility?: "auto" | "yes" | "no" | "no-hide-descendants"

[Android] Controlling if a view fires accessibility events and if it is reported to accessibility services.

Optionalaria-hidden

"aria-hidden"?: boolean

A value indicating whether the accessibility elements contained within this accessibility element are hidden.

Optionalaria-modal

"aria-modal"?: boolean

Optionalrole

role?: Role

Indicates to accessibility services to treat UI component like a specific role.

OptionalaccessibilityLabelledBy

accessibilityLabelledBy?: string | string[]

Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props, the text is read aloud. The value should should match the nativeID of the related element.

Platform

android

Optionalaria-labelledby

"aria-labelledby"?: string

Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props, the text is read aloud. The value should should match the nativeID of the related element.

Platform

android

OptionalaccessibilityLiveRegion

accessibilityLiveRegion?: "none" | "polite" | "assertive"

Indicates to accessibility services whether the user should be notified when this view changes. Works for Android API >= 19 only.

Platform

android

See https://reactnative.dev/docs/view#accessibilityliveregion

Optionalaria-live

"aria-live"?: "off" | "polite" | "assertive"

Indicates to accessibility services whether the user should be notified when this view changes. Works for Android API >= 19 only.

Platform

android

See https://reactnative.dev/docs/view#accessibilityliveregion

OptionalaccessibilityElementsHidden

accessibilityElementsHidden?: boolean

A Boolean value indicating whether the accessibility elements contained within this accessibility element are hidden to the screen reader.

Platform

ios

OptionalaccessibilityViewIsModal

accessibilityViewIsModal?: boolean

A Boolean value indicating whether VoiceOver should ignore the elements within views that are siblings of the receiver.

Platform

ios

OptionalonAccessibilityEscape

onAccessibilityEscape?: () => void

When accessible is true, the system will invoke this function when the user performs the escape gesture (scrub with two fingers).

Platform

ios

OptionalonAccessibilityTap

onAccessibilityTap?: () => void

When accessible is true, the system will try to invoke this function when the user performs accessibility tap gesture.

Platform

ios

OptionalonMagicTap

onMagicTap?: () => void

When accessible is true, the system will invoke this function when the user performs the magic tap gesture.

Platform

ios

OptionalaccessibilityIgnoresInvertColors

accessibilityIgnoresInvertColors?: boolean

https://reactnative.dev/docs/accessibility#accessibilityignoresinvertcolorsios

Platform

ios

OptionalaccessibilityLanguage

accessibilityLanguage?: string

By using the accessibilityLanguage property, the screen reader will understand which language to use while reading the element's label, value and hint. The provided string value must follow the BCP 47 specification (https://www.rfc-editor.org/info/bcp47). https://reactnative.dev/docs/accessibility#accessibilitylanguage-ios

Platform

ios

OptionalaccessibilityShowsLargeContentViewer

accessibilityShowsLargeContentViewer?: boolean

A Boolean value that indicates whether or not to show the item in the large content viewer. Available on iOS 13.0+ https://reactnative.dev/docs/accessibility#accessibilityshowslargecontentviewer

Platform

ios

OptionalaccessibilityLargeContentTitle

accessibilityLargeContentTitle?: string

When accessibilityShowsLargeContentViewer is set, this string will be used as title for the large content viewer. https://reactnative.dev/docs/accessibility#accessibilitylargecontenttitle

Platform

ios

Optionalstyle

style?: StyleProp<ViewStyle>

OptionaliOSButtonStyle

iOSButtonStyle?: "onDarkBackground" | "onLightBackground"

Sets the Apple Wallet/Google Pay button style. If the button is placed over a dark background, set this to 'onDarkBackground', otherwise set to 'onLightBackground'.

androidAssetSource

androidAssetSource: ImageSourcePropType

The image asset to use as the Google Pay button. Downloadable from https://developers.google.com/static/pay/issuers/apis/push-provisioning/android/downloads/flutter/2022_googlepay_flutter_buttons.zip

OptionaltestID

testID?: string

OptionaltestEnv

testEnv?: boolean

iOS only. Set this to true until shipping through TestFlight || App Store. If false, you must be using live cards, and have the proper iOS entitlement set up. See https://stripe.com/docs/issuing/cards/digital-wallets?platform=react-native#requesting-access-for-ios

cardDetails

cardDetails: {
    primaryAccountIdentifier: null | string;
    name: string;
    description: string;
    lastFour?: string;
    brand?: Token.CardBrand;
}

Details of the Issued Card you'd like added to the device's wallet

Type declaration

  • primaryAccountIdentifier: null | string

    The primary_account_identifier value from the issued card.

  • name: string

    The card holder name (used only on iOS)

  • description: string

    A user-facing description of the card. Required on Android.

  • OptionallastFour?: string

    Last 4 digits of the card, only used on iOS

  • Optionalbrand?: Token.CardBrand

    Optional, only used on iOS

Optionaltoken

token?: null | GooglePayCardToken

ephemeralKey

ephemeralKey: object

Used by stripe to securely obtain card info of the card being provisioned.

Methods

onComplete

  • onComplete(result: { error: null | StripeError<CardActionError> }): void

    Called when the flow completes. If the error field is null, then the card was successfully added to the user's native wallet.

    Parameters

    Returns void

Settings

Member Visibility

On This Page

Properties
Methods