Adyen / Adyen/adyen-react-native

Add support for Drop In/Components customization for Expo

Open
#925 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement v3
Dominant language
TypeScript
Stars
71
Forks
45
Avg merge
2d 5h
Merged PRs (30d)
1

Description

Is your feature request related to a problem? Please describe.
I appreciate the simplicity of adding Drop In/Components into my Expo app, but I found out that there is no simple way to customize the appearance of them. I found documentation on how to customize components if using React Native but these docs do not apply to my case.
For my project, that uses Expo, the only way to add any customization is by creating a plugin, which is tricky, hard to maintain and adds a little bit of a risk.

Describe the solution you'd like
It would be great to have an ability to customize appearance of these components more easily in Expo. The easiest approach would be to be able to customize it via passing style property to the component configuration, which in turn would modify native code, instead of using plugin

Describe alternatives you've considered
Plugin is the solution I considered, but it is tricky to write and maintain, and only works for small customization, like changing button color/background, before it gets too large to maintain

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reading the existing React Native customization documentation and the Expo component configuration path; the issue names no files or tests. Define which Drop In/Components styles can be passed through Expo and how they affect native code, then add coverage demonstrating the supported customization.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
mobile, payments
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Active
Clarity
Needs clarification
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.