Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6287

Update style from state in react native with typescript

$
0
0

I am using react native with typescript, and I wanted to update my style property from the state. But it is giving me error.

const [VerifiedCheck, setIsVerifiedCheck] = useState("flex");<View style={{display: VerifiedCheck}}><Icon name={'check-circle'} size={24} color={'green'} /></View>

I am getting error at style:

No overload matches this call.  Overload 1 of 2, '(props: ViewProps | Readonly<ViewProps>): View', gave the following error.    Type '{ display: string; }' is not assignable to type 'StyleProp<ViewStyle>'.      Types of property 'display' are incompatible.        Type 'string' is not assignable to type '"none" | "flex" | undefined'.  Overload 2 of 2, '(props: ViewProps, context: any): View', gave the following error.    Type '{ display: string; }' is not assignable to type 'StyleProp<ViewStyle>'.      Types of property 'display' are incompatible.        Type 'string' is not assignable to type '"none" | "flex" | undefined'.ts(2769)index.d.ts(2522, 5): The expected type comes from property 'style' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps> & Readonly<{ children?: ReactNode; }>'index.d.ts(2522, 5): The expected type comes from property 'style' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<View> & Readonly<ViewProps> & Readonly<{ children?: ReactNode; }>'

Viewing all articles
Browse latest Browse all 6287

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>