kylefang/nativewind
1
0
Fork 0
mirror of https://github.com/zhigang1992/nativewind.git synced 2026-06-16 02:34:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: useTailwind types

Browse Source
This commit is contained in:
Mark Lawlor
2022-05-09 12:00:15 +10:00
parent be362ec334
commit df7db9cc89
2 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
__tests__/use-tailwind.native.tsx
View File

@@ -1,5 +1,8 @@
import { PropsWithChildren } from "react"; import { PropsWithChildren } from "react";
import { useWindowDimensions as RNuseWindowDimensions } from "react-native"; import {
TextStyle,
useWindowDimensions as RNuseWindowDimensions,
} from "react-native";
import { renderHook } from "@testing-library/react-hooks"; import { renderHook } from "@testing-library/react-hooks";
import { useTailwind } from "../src/use-tailwind.native"; import { useTailwind } from "../src/use-tailwind.native";
import { TailwindProvider, TailwindProviderProps } from "../src/provider"; import { TailwindProvider, TailwindProviderProps } from "../src/provider";
@@ -76,7 +79,7 @@ describe("native", () => {
}); });
test("can flatten properties", () => { test("can flatten properties", () => {
const { result } = renderHook(() => useTailwind()("font-bold"), { const { result } = renderHook(() => useTailwind<TextStyle>()("font-bold"), {
wrapper, wrapper,
initialProps: { initialProps: {
platform: "native", platform: "native",

2
src/use-tailwind.ts
View File

@@ -7,7 +7,7 @@ export type RWNCssStyle = {
tailwindClassName: string; tailwindClassName: string;
}; };
export type UseTailwindCallback<P> = (className?: string) => StyleProp<P>; export type UseTailwindCallback<P> = (className?: string) => StyleProp<P> & P;
export interface UseTailwindOptions { export interface UseTailwindOptions {
siblingClassName?: string; siblingClassName?: string;