react native 에서 style 자동완성 손쉽게 활성화 하는 방법 (VS Code)

React React Native
1

본문을 다시 수정했습니다. @types/react-native 0.57.63 기준으로 아래 내용을 변경했습니다.

vs code에는 type script관련 pacakge가 기본으로 깔려 있습니다. 따라서 다음과 같이 두가지를 하면 자동완성이 잘 될 겁니다.

1. @types/react-native 설치

npm i --save-dev @types/react-native

2. node_modules/@types/react-native/index.d.ts 파일 수정하기

1번을 해도 다음 코드와 같이 StyleSheet.create에서는 자동완성이 안됩니다.
node_modules/@types/react-native/index.d.ts 에서 export namespace StyleSheet 의 create 함수 부분을 다음과 같이 변경해 주세요.

// 변경 전
export function create<T extends NamedStyles<T> | NamedStyles<any>>(styles: T): T;

// 변경 후
export function create<T extends NamedStyles<T>>( styles: NamedStyles<T> ): {
    [P in keyof T]: RegisteredStyle<T[P]>;
 };

위 내용은 @types/[email protected] 기준으로 5324번째 줄입니다. :slight_smile:

1개의 좋아요