GeekyAnts / GeekyAnts/NativeBase

textDecorationLine: 'underline' should be default on 'link' but this isn't working

Open
#5,714 0 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

Link variant of Button should be underlined on hover and on pressed according to docs but this doesn't work

### CodeSandbox/Snack link

no need

### Steps to reproduce

Go to : https://github.com/GeekyAnts/NativeBase/blob/master/src/theme/components/button.ts
Go to Link Varient

Link on Press and on Hover says it should underline

```
_hover: {
_text: {
textDecorationLine: 'underline',
},
},
_pressed: {
_text: {
color: `${colorScheme}.800`,
textDecorationLine: 'underline',
},
},

```
However, it does not and overriding does not change either

### NativeBase Version

3.4.25

### Platform

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

### Other Platform

web

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start in src/theme/components/button.ts at the Link variant and inspect how the _hover and _pressed text styles are applied. Reproduce the behavior on the listed Android, iOS, and web platforms, then verify that the documented underline behavior and style overrides work consistently.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.