>source

스타일 구성 요소의 "css 소품"이 TypeScript와 올바르게 작동하도록 Expo 프로젝트를 설정하려고 합니다.

지금까지 나는:

<울>
  • 설치됨@types/styled-components,스타일 구성 요소, 그리고babel-plugin-styled-components;
  • Babel 플러그인 사용
  • 만든유형/styled.d.tsstyled-components 문서에 설명된 대로 나만의 테마를 정의한 파일입니다.
  • 추가됨테마 제공자내 앱 구성 요소를 감싸고 내 테마를 할당했습니다.
  • 추가됨///< 참조 유형="styled-components/cssprop" /> 내 맨 위로앱.tsx<울>
  • 저도 함께 시도했습니다'styled-components/cssprop'에서 유형 {} 가져오기;
  • 나도 시도했다'styled-components/cssprop'에서 {} 가져오기;그러나 오류가 발생했습니다.styled-components/cssprop을 프로젝트 내에서 찾을 수 없습니다.
  • 이를 통해 내가 사용할 수 있는 좋은 위치에 있게 되었습니다.CSS모든 React 구성 요소에 속성을 지정하고 스타일로 올바르게 적용됩니다.

    마지막으로 남은 문제는 테마를 사용하려고 할 때 다음과 같이매개변수 'props'에 암시적으로 'any' 유형이 있습니다.ts(7006)오류:

    <View
      css={`
        background-color: yellow;
        margin: ${(props)=> props.theme.spacing.small}px;
      `}
    >  <Text>Hello, World!</Text></View>

    여기서 어떻게 진행해야 할지 잘 모르겠습니다.소품내 Styled Components의 테마로 채워질 인수.

    완벽함을 위해 이것은 나의유형/styled.d.ts:

    //import original module declarations
    import 'styled-components';
    //and extend them!
    declare module 'styled-components' {
      export interface DefaultTheme {
        spacing: {
          small: 8;
          medium: 16;
          large: 24;
        };
      }
    }
    

    내 프로젝트는 기본 expo-cli typescript 템플릿일 뿐입니다.

    이 답변이 도움이 될까요? React-Native-Styled-Components

    ЖнецЪ2021-09-20 10:44:26

    @ЖнецЪ 이미 해봤습니다(목록의 3번 항목)

    Fez Vrasta2021-09-20 11:10:11
  • 이전 Excel에서 Power 쿼리를 사용하여 피벗 테이블에서 반복되는 항목을 처리하는 방법
  • 다음 linux : grep with -f 옵션은 예상대로 작동하지 않습니다. 출력이 없습니다