Module hooks/makeStyle

makeStyle

• makeStyle<Style, Arguments>(styleFactory: StyleFactoryType<Style, Arguments>): (...args: Arguments) => Style

• 커스텀 스타일을 사용할 수 있도록 해주는 hook을 만드는 함수입니다.

  example

  const useCustomStyle = makeStyle((theme, color: string) => {
   width: '50%',
   backgroundColor: color,
  });
  
  const MyComponent = ({ color, children }) => {
   const style = useCustomStyle(color);
  
   return (
     <View style={style}>
       {children}
     </View>
   )
  }
  

  Type parameters

  • Style: ReactNativeStyle

    hook의 결과로 나올 Style의 타입입니다. ReactNativeStyle의 하위 타입입니다.

  • Arguments: unknown[]

    hook을 사용할때 쓰이는 추가 파라미터의 타입입니다.

  Parameters

  • styleFactory: StyleFactoryType<Style, Arguments>

    스타일을 만들기 위한 타입입니다.

  Returns (...args: Arguments) => Style

  • • (...args: Arguments): Style

    • 커스텀 스타일을 사용할 수 있도록 해주는 hook을 만드는 함수입니다.

      Parameters

      • Rest ...args: Arguments

      Returns Style