MaskedView with LinearGradient not working on Android

[bhavesh-trentium]

I am using a MaskedView and LinearGradient. To create a GradientText its working well on iOS but on a Android not.
On an Android, it shows a Red Color Background.
Not sure but it's an issue created MaskedView Related. MaskedView is not working on Android.

import { LinearGradient } from 'expo-linear-gradient';
import MaskedView from '@react-native-masked-view/masked-view';

 <MaskedView maskElement={<Text style={style}>{text}</Text>}>
      <LinearGradient
        start={{ x: 0, y: 0 }}
        end={{ x: 1, y: 1 }}
        colors={textColor}>
        <Text style={[style, { opacity: 0 }]}>{text}</Text>
      </LinearGradient>
    </MaskedView>

  "react-native": "0.72.6",
  "expo": "^49.0.21",
  "expo-linear-gradient": "~12.3.0",
  "@react-native-masked-view/masked-view": "0.2.9",

ANDROID

iOS

[akshay-mob123]

Do u find any other way?

[bhavesh-trentium]

@akshay-mob123 In an app.json remove this line or false it. after that is fixed
"newArchEnabled": true

[DavitVosk]

@bhavesh-trentium I see you found a way to make it work for you... On my side color is working, but it is somehow blurred if compared with IOS one. Did you have such problem on your side please?

[DavitVosk]

I found the solution: we need to have some dummy color here to be able to show non-blurred colors on Android: maskElement={<Text {...props} style={[props.style, {color: theme.colors.black}]} />}