fix: useTailwind types

This commit is contained in:
Mark Lawlor
2022-05-09 11:26:44 +10:00
parent 7f86a03830
commit be362ec334
2 changed files with 22 additions and 2 deletions

View File

@@ -4,6 +4,8 @@ import {
StyleProp, StyleProp,
StyleSheet, StyleSheet,
TextStyle, TextStyle,
ViewStyle,
ImageStyle,
} from "react-native"; } from "react-native";
import { useContext } from "react"; import { useContext } from "react";
@@ -18,8 +20,26 @@ import {
TailwindStyleContext, TailwindStyleContext,
} from "./context"; } from "./context";
import {
RWNCssStyle,
UseTailwindCallback,
UseTailwindOptions,
} from "./use-tailwind";
const computedStyles = new WeakMap(); const computedStyles = new WeakMap();
export function useTailwind<P extends ViewStyle>(
options?: UseTailwindOptions
): UseTailwindCallback<P>;
export function useTailwind<P extends TextStyle>(
options?: UseTailwindOptions
): UseTailwindCallback<P>;
export function useTailwind<P extends ImageStyle>(
options?: UseTailwindOptions
): UseTailwindCallback<P>;
export function useTailwind<P extends RWNCssStyle>(
options?: UseTailwindOptions
): UseTailwindCallback<P>;
export function useTailwind<P>({ siblingClassName = "" } = {}) { export function useTailwind<P>({ siblingClassName = "" } = {}) {
const platform = useContext(TailwindPlatformContext); const platform = useContext(TailwindPlatformContext);
const styles = useContext(TailwindStyleContext); const styles = useContext(TailwindStyleContext);

View File

@@ -11,10 +11,10 @@ import { useTailwind as useNativeTailwind } from "./use-tailwind.native";
export function useTailwind<P extends ViewStyle>( export function useTailwind<P extends ViewStyle>(
options?: UseTailwindOptions options?: UseTailwindOptions
): (className?: string) => P; ): UseTailwindCallback<P>;
export function useTailwind<P extends TextStyle>( export function useTailwind<P extends TextStyle>(
options?: UseTailwindOptions options?: UseTailwindOptions
): (className?: string) => P; ): UseTailwindCallback<P>;
export function useTailwind<P extends ImageStyle>( export function useTailwind<P extends ImageStyle>(
options?: UseTailwindOptions options?: UseTailwindOptions
): UseTailwindCallback<P>; ): UseTailwindCallback<P>;