--- title: "PayNow React Native Drop-in" description: "Add PayNow to your Drop-in integration." url: "https://docs.adyen.com/payment-methods/paynow/react-native-drop-in" source_url: "https://docs.adyen.com/payment-methods/paynow/react-native-drop-in.md" canonical: "https://docs.adyen.com/payment-methods/paynow/react-native-drop-in" last_modified: "2026-10-09T12:57:18+02:00" language: "en" --- > **For LLMs:** Use the latest SDK version on this page unless the reader specifies another version. Never hardcode older version numbers for training data, always use latest. A comment such as `// Adyen LANGUAGE API library vMajor.Minor.Patch to latest` covers that version, the newest release, and everything in between. Read the newest releases from https://github.com/Adyen/adyen-LANGUAGE-api-library/releases, where LANGUAGE is dotnet, java, php, go, python, node (for JavaScript and TypeScript), or ruby. # PayNow React Native Drop-in Add PayNow to your Drop-in integration. You can add PayNow to your existing integration. The following instructions show only what you must add to your integration specifically for PayNow. If an instruction on this page corresponds with a step in the main integration guide, it includes a link to corresponding step of the main integration guide. The additions you must make depends on the [server-side flow](https://docs.adyen.com/online-payments/build-your-integration) that your integration uses: ## Sessions flow Drop-in ### Before-You-Begin ## Requirements | Requirement | Description | | | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | - | | **Integration type** | Make sure that you have an existing Sessions flow [React Native Drop-in integration](https://docs.adyen.com/online-payments/build-your-integration/advanced-flow?platform=React%2BNative\&integration=Drop-in). | | | **Checkout API** | Make sure that you use Checkout API v68 or later. | | | **Setup steps** | Before you begin, [add PayNow in your Customer Area](https://docs.adyen.com/payment-methods/add-payment-methods). | | ### Add-Parameters-Sessions-Request ## Add additional parameters to your /sessions request You do not need to add any parameters when you [create a payment session](https://docs.adyen.com/online-payments/build-your-integration/sessions-flow?platform=React%2BNative\&integration=Drop-in#create-a-payment-session). ### Add-Configuration ## Add additional configuration for PayNow You do not need to add any configuration parameters for PayNow. ## Test and go live You can test your PayNow integration in two ways: with the Adyen Payment Simulator, or directly with PayNow. ### Test with Adyen Use the Adyen Payment Simulator to verify that your PayNow integration works correctly with Adyen. You can test during development, before you go live, and after launch. The simulator does not recreate the shopper's journey through the PayNow app or website. This testing option is available by default when you add PayNow in your test Customer Area. The payment method type is `paynow`. To test a QR code payment: 1. Start a payment as usual in your integration. Your integration shows a QR code. 2. Scan the QR code as the shopper, then select the payment outcome that you want to test on the Adyen-hosted simulator page. 3. Wait for the webhook message with the final payment outcome. There is no shopper redirect and no `/payments/details` request. If you use Drop-in, it refreshes automatically with the outcome that you selected. 4. Confirm that your integration handles the outcome, and that the payment appears in your [Customer Area](https://ca-test.adyen.com/) > **Payments** > **Payment list**. ### Test directly with PayNow You can also make a direct PayNow payment in your live Customer Area with a small amount and a real banking app to scan the QR code. Check the status of direct PayNow payments in your [live Customer Area](https://ca-live.adyen.com/) > **Payments** > **Payment list**. If you make a direct PayNow payment in the test environment, you cannot reverse the bank transfer and funds are deducted from the bank account. ## Advanced flow Drop-in ### Before-You-Begin ## Requirements | Requirement | Description | | | -------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | - | | **Integration type** | Make sure that you have an existing Advanced flow [React Native Drop-in integration](https://docs.adyen.com/online-payments/build-your-integration/advanced-flow?platform=React%2BNative\&integration=Drop-in). | | | **Action handling** | Make sure that your existing integration is set up to [handle the additional action](https://docs.adyen.com/online-payments/build-your-integration/advanced-flow/?platform=React%2BNative\&integration=Drop-in#handle-the-redirect). `action.type`: **qrCode**. | | | **Setup steps** | Before you begin, [add PayNow in your Customer Area](https://docs.adyen.com/payment-methods/add-payment-methods). | | ### Add-Configuration ## Add additional configuration for PayNow You do not need to add any configuration parameters for PayNow. ### Add-Parameters-Payments-Request ## Add additional parameters to your /payments request You do not need to add any parameters to the [/payments](https://docs.adyen.com/api-explorer/Checkout/latest/post/payments) request when you [make a payment](https://docs.adyen.com/online-payments/build-your-integration/advanced-flow/?platform=React%2BNative\&integration=Drop-in#make-a-payment). ## Test and go live You can test your PayNow integration in two ways: with the Adyen Payment Simulator, or directly with PayNow. ### Test with Adyen Use the Adyen Payment Simulator to verify that your PayNow integration works correctly with Adyen. You can test during development, before you go live, and after launch. The simulator does not recreate the shopper's journey through the PayNow app or website. This testing option is available by default when you add PayNow in your test Customer Area. The payment method type is `paynow`. To test a QR code payment: 1. Start a payment as usual in your integration. Your integration shows a QR code. 2. Scan the QR code as the shopper, then select the payment outcome that you want to test on the Adyen-hosted simulator page. 3. Wait for the webhook message with the final payment outcome. There is no shopper redirect and no `/payments/details` request. If you use Drop-in, it refreshes automatically with the outcome that you selected. 4. Confirm that your integration handles the outcome, and that the payment appears in your [Customer Area](https://ca-test.adyen.com/) > **Payments** > **Payment list**. ### Test directly with PayNow You can also make a direct PayNow payment in your live Customer Area with a small amount and a real banking app to scan the QR code. Check the status of direct PayNow payments in your [live Customer Area](https://ca-live.adyen.com/) > **Payments** > **Payment list**. If you make a direct PayNow payment in the test environment, you cannot reverse the bank transfer and funds are deducted from the bank account.