question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`color` property in styles of button component doesn't change the font color

See original GitHub issue

Please provide all the information requested. Issues that do not follow this format are likely to stall.

Description

React Native version:

System: OS: macOS 10.15.7 CPU: (8) x64 Intel® Core™ i5-8257U CPU @ 1.40GHz Memory: 216.61 MB / 8.00 GB Shell: 5.7.1 - /bin/zsh Binaries: Node: 14.15.0 - /usr/local/bin/node Yarn: 1.22.10 - /usr/local/bin/yarn npm: 6.14.8 - /usr/local/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman Managers: CocoaPods: 1.10.0 - /usr/local/bin/pod SDKs: iOS SDK: Not Found Android SDK: Not Found IDEs: Android Studio: 4.0 AI-193.6911.18.40.6514223 Xcode: /undefined - /usr/bin/xcodebuild Languages: Java: 15.0.1 - /usr/bin/javac Python: 2.7.16 - /usr/bin/python npmPackages: @react-native-community/cli: Not Found react: 16.13.1 => 16.13.1 react-native: https://github.com/expo/react-native/archive/sdk-39.0.4.tar.gz => 0.63.2 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

Steps To Reproduce

  1. Use <Button /> component and set styles={styles.button}
  2. const styles = Stylesheet.create({ button : { color: 'black' } })

Expected Results

Button label color must be set to the specified color i.e. black

Snack, code example, screenshot, or link to a repository:

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7

github_iconTop GitHub Comments

1reaction
ahtrahdis7commented, Nov 16, 2020

Thanks for the info. It was helpful. Still, I wonder about the use of Button component then.

0reactions
ahtrahdis7commented, Nov 16, 2020

Sure thing

Sidhartha Mallick

On Tue, Nov 17, 2020, 12:25 AM Arthur Geron notifications@github.com wrote:

Thanks for the info. It was helpful. Still, I wonder about the use of Button component then.

I’m not sure why it is even exported to be honest, I admit it is misleading.

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub https://github.com/facebook/react-native/issues/30402#issuecomment-728257537, or unsubscribe https://github.com/notifications/unsubscribe-auth/AKU2LD7ZHRU5ULBKEOPHYGTSQFYRFANCNFSM4TXQPCXA .

Read more comments on GitHub >

github_iconTop Results From Across the Web

how to change the font color, font size, and button color in React
The color attribute doesn't work in HTML5. You should use style="color: red;" or wrap the content in <font color="red"> . <p style={"color: ...
Read more >
Button text colour doesn't change (Example) - CSS - Treehouse
Hi. I watched the video up to 5 minutes 24 seconds. The button text colour won't change. My index.html:
Read more >
An icon doesn't change color when making an instance swap ...
I have been working with the new component properties to create buttons but I quickly found an issue. If the button has an...
Read more >
Applying color to HTML elements using CSS - MDN Web Docs
For each, we'll see a list of the CSS properties that apply color to ... the border in that it doesn't get space...
Read more >
How to Change Text and Background Color in CSS
You might be wondering what happens if you don't set the color property in your CSS. That's a good question. The default text...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found