Repository navigation
TS2322: Type 'string' is not assignable to type '"absolute" | "relative" | undefined' #11465
Description
TypeScript Version: 2.1.0-dev.20161008
Minimal ReactNative Component to illustrate the problem:
import React, { Component } from 'react';
import { StyleSheet, Text } from 'react-native';
export class Sample extends Component<{}, {}> {
render() {
return (
<Text style={styles.text}>Hello TypeScript</Text> // error on styles, see below
);
}
}
const styles = StyleSheet.create({
text: {
position: 'absolute', // cause of the error: string instead of 'absolute'
top: 0,
left: 0
}
});Error:
error TS2322: Type '{ position: string; top: number; left: number; }' is not assignable to type 'TextStyle | undefined'.
Type '{ position: string; top: number; left: number; }' is not assignable to type 'TextStyle'.
Types of property 'position' are incompatible.
Type 'string' is not assignable to type '"absolute" | "relative" | undefined'.
I like it that the reactnative declaration doesn't use string, but only allows the set of possible strings.
Is there any way to let TypeScript infer this to type 'absolute'?
Maybe if I could mark this position field as readonly, it could infer to type 'absolute'.
Related to #10676?
Activity
jovdb commentedon Oct 8, 2016
I don't like casting and prevent it as much as possible, but here are workarounds:
When there is not interface is exported (here: TextStyle), we can cast only field:
WKenya commentedon Nov 28, 2017
This is related to #19966.
matthias-ccri commentedon May 23, 2018
This can also be the case: #21618 (comment)