no-image

ReactNativeにstyled-components-tsを導入する

styled-components-tsを入れたのでその時のメモ

 

【参考】jacob-ebey/styled-components-ts – GitHub

 

導入前に起きていた問題

ReactNative + TypeScript + styled-componentsで開発を進めていたのですが、
TypeScriptを意識せずにstyled-comopnentsを使っていると以下のようなエラーが吐かれます。

error TS2339: Property 'type' does not exist on type 'IntrinsicAttributes &; IntrinsicClassAttributes<;Component<;ThemedOuterStyledProps<;TextProps, any>;, ...'.
error TS2459: Type 'Props &; { children?: ReactNode; }' has no property 'presenter' and no string index signature.
error TS2339: Property 'presenter' does not exist on type 'IntrinsicAttributes &; Props &; { children?: ReactNode; }'.
error TS2339: Property 'type' does not exist on type 'ThemedStyledProps<;TextProps, any>;'.

 

導入前のコード

 

同じ悩みを書いている記事もあった。

【参考】
http://saburesan.hatenablog.com/entry/2018/01/29/183050

 

導入

$ yarn add -D styled-components-ts

 

使ってみた

READMEなどを参考にして導入してみた。
導入後。コンパイルエラーが出なくなった。