Cannot Reduce Gap Between Inputs

[rick427]

Describe the bug Setting a gap or margin on the containerStyle or pinCodeContainerStyle doesn't work.

To Reproduce Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

Expected behavior The spacing or gap between input elements should change based on the spacing provided

Screenshots If applicable, add screenshots to help explain your problem.

Environment (please complete the following information):

• OS: Mac
• Device OS: Android
• Device version: react native 0.73.7
• Library version: 1.6.1

Additional context Add any other context about the problem here.

[anday013]

@rick427 Hi, thank you for bringing up this issue! I'll fix it asap. As a temporary workaround you can use this combination if props to deal with it:

<OtpInput theme={{ inputsContainerStyle: { justifyContent: 'flex-start', }, pinCodeContainerStyle: { marginRight: 5 } }}/>

[rick427]

Thanks

[anday013]

@rick427 Welcome! Could u please take a look at the PR I created #58 . The default width is 100% (I do not want to break the default behaviour for prev users), when you're setting gap, u need to set width to undefined or 'auto'. Is it acceptable solution, WDYT?

[rick427]

Looks good