GeekyAnts / GeekyAnts/NativeBase

Customizing Components, old variant values ​​cannot be overwritten

Open
#5,558 1 comment 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

I want to edit the available variants (ghost, outline, solid, ...) but it doesn't seem to work

### Steps to reproduce

```
import {extendTheme} from 'native-base';
import Button from './button';

export const theme = extendTheme({
components: {
Button: {
defaultProps: {
colorScheme: 'primary',
variant: 'rounded', //If I set the value here as rounded it works, and solid doesn't work, it reuses the old solid configuration
},
variants: {
rounded: ({colorScheme}: InterfaceButtonProps) => {
return {
bg: `${colorScheme}.400`,
}
},
solid: ({colorScheme}: InterfaceButtonProps) => {
return {
bg: `${colorScheme}.700`,
}
}
}
}
},
});

export default theme;
```

### NativeBase Version

3.3.1

### Platform

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

### Other Platform

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.