DigitalWalletButton class

A button for initiating digital wallet payments.

On Android, it will display a native Google Pay button and on iOS it will display a native Apple Pay button.

Use the onClicked event handler to call OloPaySdk.createDigitalWalletPaymentMethod and launch the digital wallet payment sheet flow.

Sizing Considerations:

This widget hosts native Android and iOS buttons. The native views are wrapped by a ConstrainedBox with default constraints set to BoxConstraints(maxHeight: 45). This can be customized using the constraints property.

If the height of the Flutter container exceeds the height of the native button, the native button will be centered vertically in the Flutter container.

Example Implementation

Future<void> onDigitalWalletButtonClicked() async {
  DigitalWalletPaymentParameters paymentParams = DigitalWalletPaymentParameters(
    amount: 1.23,
  );

  try {
    // Present the Apple Pay or Google Pay payment sheet and generate a
    // payment method
    PaymentMethod? paymentMethod =
      await _oloPaySdkPlugin?.createDigitalWalletPaymentMethod(paymentParams);

    if (paymentMethod == null) {
      // Handle user canceled state
    } else {
      // Use paymentMethod to submit an order to Olo's Ordering API:
      // https://developer.olo.com/docs/load/olopay#section/Submitting-a-Basket-via-the-Ordering-API
    }
  } on PlatformException catch (e) {
    // Handle errors
  }
}

@override
Widget build(BuildContext context) {
  if (_digitalWalletsReady)
    DigitalWalletButton(
      onClicked: onDigitalWalletButtonClicked,
    ),
}