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


(이종은(Jong Lee)) #1

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> | NamedStyles<any>>(styles: NamedStyles<T>): T;

위 내용은 @types/[email protected] 기준으로 5281번째 줄이며 버전마다 파일단 위와 같이 수정하면 정상작동합니다.