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.

Styling Button's text in React Native

See original GitHub issue

It does look like the Button component takes a styles prop which you later use to apply the Text styles.

https://github.com/ant-design/ant-design-mobile/blob/c30d049c1a0ca7cd812cdd11d544fec75a10e4e7/components/button/index.native.tsx#L84

I can’t find documentation on how to change the text color. I noticed I can switch between black and white by using the type='primary' prop, but I need other colors 😄

Any hints would be greatly appreciated.

Issue Analytics

State:
Created 6 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

4reactions

paranoidjkcommented, Sep 15, 2017

You have to follow this object structure https://github.com/ant-design/ant-design-mobile/blob/master/components/button/style/index.native.tsx for example

https://github.com/ant-design/antd-mobile-samples/blob/master/rn-custom-ui/inputStyle.js

0reactions

youngjuningcommented, Aug 24, 2018

@silvestreh how can i do?

Top Results From Across the Web

Styling a React Native button - Expo Documentation

React Native exports a <Button> component that exposes the native button element for Android, iOS, and the web. The <Button> component accepts title...

Button - React Native

A basic button component that should render nicely on any platform. Supports a minimal level of customization.

How to create and style custom buttons in React Native

Add styles to buttons in React Native by adding more props ... Since it's a custom button component, you have the liberty of...

React-Native Button style not work - Stack Overflow

The React Native Button is very limited in what you can do, see; Button. It does not have a style prop, and you...

Button - React Native Elements

Buttons are touchable elements used to interact with the screen and to perform and operation. They may display text, icons, or both. Buttons...