Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Change switch accessibility label color on iOS #23652

Closed
jochemjanssens opened this issue Feb 26, 2019 · 1 comment
Closed

Change switch accessibility label color on iOS #23652

jochemjanssens opened this issue Feb 26, 2019 · 1 comment
Labels
Component: Switch Platform: iOS iOS applications. Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot. Type: Enhancement A new feature or enhancement of an existing feature.

Comments

@jochemjanssens
Copy link

🐛 Bug Report

It isn't possible to style the accessibility label inside a switch on iOS
We want to change the black I into a white I
screenshot 2019-02-26 at 10 14 30

To Reproduce

  • Place a switch inside a react-native project
  • Set on/off labels inside iOS settings General-Accessibility-on/off labels

Expected Behavior

Change the color of the accessibility label inside a switch on iOS

Code Example

<Switch
    value={item.enabled}
        trackColor={{
           true: "rgb(151, 233, 42)",
           false: "rgb(233, 236, 239)",
       }}
       onValueChange={() => this.onToggleSwitch()}
/>

Environment

React Native Environment Info:
System:
OS: macOS 10.14.2
CPU: (12) x64 Intel(R) Core(TM) i7-8850H CPU @ 2.60GHz
Memory: 177.51 MB / 16.00 GB
Shell: 3.2.57 - /bin/bash
Binaries:
Node: 8.12.0 - ~/.nvm/versions/node/v8.12.0/bin/node
Yarn: 1.13.0 - /usr/local/bin/yarn
npm: 6.7.0 - ~/.nvm/versions/node/v8.12.0/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 12.1, macOS 10.14, tvOS 12.1, watchOS 5.1
Android SDK:
API Levels: 23, 26, 27, 28
Build Tools: 26.0.3, 27.0.3, 28.0.2, 28.0.3
System Images: android-24 | Google APIs Intel x86 Atom, android-26 | Google APIs Intel x86 Atom, android-26 | Google APIs Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom, android-28 | Google Play Intel x86 Atom
IDEs:
Android Studio: 3.3 AI-182.5107.16.33.5264788
Xcode: 10.1/10B61 - /usr/bin/xcodebuild
npmPackages:
react: 16.7.0 => 16.7.0
react-native: ^0.58.5 => 0.58.5
npmGlobalPackages:
react-native-cli: 2.0.1

@ericlewis ericlewis added Type: Enhancement A new feature or enhancement of an existing feature. and removed Type: Bug Report labels Feb 26, 2019
@react-native-bot
Copy link
Collaborator

We are automatically closing this issue because it does not appear to follow any of the provided issue templates.

👉 Click here if you want to report a reproducible bug or regression in React Native.

@react-native-bot react-native-bot added Ran Commands One of our bots successfully processed a command. Resolution: No Template labels Feb 26, 2019
@facebook facebook locked as resolved and limited conversation to collaborators Feb 26, 2020
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Feb 26, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Component: Switch Platform: iOS iOS applications. Ran Commands One of our bots successfully processed a command. Resolution: Locked This issue was locked by the bot. Type: Enhancement A new feature or enhancement of an existing feature.
Projects
None yet
Development

No branches or pull requests

3 participants