5.3.0 (nativewind)

[1uokun]

2024-11-14

• 🌟 Typescript: export all component props types.
  (To support for nativewind)
• Toast:
  • feat: add useToast hook method #1388
• Modal
  • feat: add useModal hook method #1383
  • feat: add modalType prop (Sync to Picker)
• Carousel
  • feat: add onScrollAnimationEnd prop
• Slider
  • feat: add disabledStep、onSlidingStart、onSlidingComplete、tapToSeek prop
• 🔥 Upgrade [email protected]+
  • fix: [Switch] style props works #1389
  • fix: [Pagination] Remove flex: 1 to avoid height collapse
• other fix
  • fix: [Form] fix Require cycle
  • fix: [Tooltip] safe floatingStyles
  • fix: [Picker] defaultValue prop works #1311
  • fix: [Radio] defaultChecked prop works #1380

[1uokun]

Nativewind cssInterop config file

import {
  Button,
  Flex,
  Input,
  List,
  Text,
  View,
} from "@ant-design/react-native";
import { cssInterop } from "nativewind";

cssInterop(View, {
  className: {
    target: "style",
  },
});

cssInterop(Text, {
  className: {
    target: "style",
  },
});

cssInterop(Button, {
  className: {
    target: "style",
  },
});

cssInterop(Input, {
  className: {
    target: "style",
  },
});

cssInterop(List.Item, {
  className: {
    target: "style",
  },
});

Useage

<Input className="py-[10px] pl-[10px]" />