microsoft / microsoft/react-native-windows
Switch styles customization
Open
@vineethkuttan is already working on this.
Since Dec 2, 2025.
enhancement
- Dominant language
- C++
- Stars
- 17.3k
- Forks
- 1.2k
- Avg merge
- 1d 13h
- Merged PRs (30d)
- 33
Description
The current Switch component allows you to customize:
trackColor: just the background, depending on 'false' or 'true' valuesthumbColor: if you need to change it depending on the same values allowed for the trackColor you need to create a local state to track if it's true or false (enabled or disabled)
The issue is that:
- There is no consistent way to define colors for true and false values, you need to add extra logic for the thumbColor
- The only thing you can customize is the background color, there is no option if you want to display just a border when the value is false to match a minimal design. You need to do a workaround if you want to add a custom border also depending on the value.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.