The text shadow of the text component created by creatText does not take effect

[tenglonghh]

Current behavior

Expected behavior

The text shadow of the text component created by creatText does not take effect

To Reproduce

Platform:

• iOS
• Android

Environment

2.4.2

x.y.z

[IliasHad]

1. Create a text component

export const Text = createText<Theme>();

2. Import and use your text component

          <Text
            textShadowRadius={5}
            textShadowColor="mainBackground"
            textShadowOffset={{
              width: 10,
              height: 10,
            }}
          >
            Test
          </Text>

and make sure the mainBackgroundis defined in theme.tsx file

// theme.tsx

const palette = {
  purpleLight: '#8C6FF7',
  purplePrimary: '#5A31F4',
  purpleDark: '#3F22AB',

  greenLight: '#56DCBA',
  greenPrimary: '#0ECD9D',
  greenDark: '#0A906E',

  black: '#0B0B0B',
  white: '#F0F2F3',
};

const theme = createTheme({
  colors: {
    mainBackground: palette.white,
    mainForeground: palette.black,
    cardPrimaryBackground: palette.purplePrimary,
    buttonPrimaryBackground: palette.purplePrimary,
  },
});