How can i change the default label color black into blue ? i am using react native paper how can i fix this issue.......see the phone label color

Question

How can change the default label color black into blue ? i am using react native paper how can fix this issue. see the phone label color

This can be changed using the theme prop, by changing the colors. Not sure of the exact property to change, and not sure if the label color can change on its own without the borders, but the theme is the prop you are looking for. — angelos_lex, Mar 19 '21 at 07:03

score 1 · Accepted Answer · edited Nov 01 '22 at 16:29

You can use theme property or inline css.

Theme property

theme={{ colors: { primary: '#808080' } }}

Inline css

         <Text
            selectable={false}
            numberOfLines={1}
            style={[
              styles.label,
              compact && styles.compactLabel,
              uppercase && styles.uppercaseLabel,
              textStyle,
              font,
              labelStyle,
            ]}
          >
            {children}
          </Text>

score 0 · Answer 2 · answered Mar 19 '21 at 07:57

0

You can do it via theme prop like

theme={{ colors: { primary: '#BADA55' } }}

answered Mar 19 '21 at 07:57

Nooruddin Lakhani

7,507
2
19
39

How can i change the default label color black into blue ? i am using react native paper how can i fix this issue.......see the phone label color

2 Answers2