payfort / rn-amazonpaymentservices

React Native package for Amazon Payment Services native mobile SDKs
MIT License
3 stars 4 forks source link

Custom checkout design is not showing as expected #7

Open areejmayadeh opened 1 year ago

areejmayadeh commented 1 year ago

When using the example in docs for custom checkout is showing like below screenshot how we can edit the form design

Screen Shot 2023-02-26 at 5 58 47 PM
FURY-PERSON commented 1 year ago

same for me on ios devices.

image
afzaalb commented 11 months ago

Facing the same issue and its not documented anywhere on how to customise these elements.

import { CustomCheckoutView, getDeviceId } from "rn-amazon-payment-services";

<CustomCheckoutView
        requestObject={{
          command: "PURCHASE",
          merchant_reference: "012345UVWXYZ",
          amount: "10000",
          currency: "AED",
          language: "en",
          customer_email: "test@payfort.com",
          sdk_token: sdkToken,
        }}
        environment="TEST"
        style={{ width: 300, height: 500, marginTop: 20 }}
        payButtonProps={{ width: 120, height: 40, borderRadius: 10 }}
        onFailure={onFailure}
        onSuccess={onSuccess}
      />

Screenshot 2023-12-06 at 2 59 16 pm