setComponentTheme not working

[vendramini]

Description

I've created a new expo project to test and learn. I'm doing this simple line of code and it is not working as expected:

ThemeManager.setComponentTheme('TextField', {color: 'red'});

However, this is working:

ThemeManager.setComponentTheme('Text', {color: 'red'});

The full file index.ts:

import "expo-router/entry";
import {ThemeManager} from 'react-native-ui-lib';

ThemeManager.setComponentTheme('TextField', {color: 'red'});

Am I missing something? The TextField was supposed to be red but it isn't.

Related to

• [x] Components
• [ ] Demo
• [ ] Docs
• [ ] Typings

Environment

• React Native version: 0.71.6
• React Native UI Lib version: ^7.2.4

Affected platforms

• [x] Android
• [ ] iOS
• [ ] Web

[halenur]

I have found a solution for the textfield component theme management. You must use 'Incubator.TextField' instead of 'TextField'.

import {ThemeManager} from 'react-native-ui-lib';

ThemeManager.setComponentTheme('Incubator.TextField', () => {
  return {
     fieldStyle: {
        borderWidth: 1,
        borderColor: 'blue',
        borderRadius: 8,
     },
     labelColor: 'red',
     placeholderTextColor: 'purple'
     ...
  }
});

[vendramini]

You are right @halenur. Where did you find that? I couldn't find it on docs. Thank you!

[ilkerceng]

The Button also didn't work for me.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.