GeekyAnts / GeekyAnts/NativeBase

XL button is massive in size

Open
#5,616 4 comments 0 reactions 0 assignees View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

Using `xl` for button size renders a massive, unusable button

### CodeSandbox/Snack link

https://snack.expo.dev/4GoHFlL30

### Steps to reproduce

1. Create a `` element with `size='xl'`
2. See that the button is massive

![image](https://user-images.githubusercontent.com/6514918/208617402-286a12d9-6011-4480-be27-101d70c3a4e1.png)

### NativeBase Version

3.4.25

### Platform

- [ ] Android
- [ ] CRA
- [X] Expo
- [X] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the linked Expo Snack and reproduce the issue using a Button with size='xl' on iOS. Read the button sizing implementation and existing size-related tests, if present, to determine why xl renders excessively large. Done means xl produces a usable button without regressing other button sizes.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.