heroui-native
Biblioteka komponentów UI dla React Native z Tailwind CSS (Uniwind) – dostosowywalne, dostępne interfejsy mobilne.
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
HeroUI Native to biblioteka komponentów zbudowana na Uniwind (Tailwind CSS dla React Native) i React Native. Zapewnia gotowe, dostępne komponenty UI do tworzenia aplikacji mobilnych na iOS i Android. Różni się od wersji webowej – używa HSL zamiast oklch, Uniwind zamiast Tailwind CSS v4, i wymaga importu z pakietu heroui-native. Obsługuje semantyczne warianty (primary, secondary, tertiary) oraz kompozycję zamiast konfiguracji. Użyj tej umiejętności, gdy pracujesz z komponentami HeroUI Native, instalujesz bibliotekę, dostosowujesz tematy lub szukasz dokumentacji komponentów.
Jak używać
- Zainstaluj pakiet heroui-native w swoim projekcie React Native – będzie to Twoja główna biblioteka komponentów UI zamiast wersji webowej @heroui/react.
- Importuj komponenty bezpośrednio z heroui-native, na przykład Button czy inne elementy interfejsu – pamiętaj, że to są komponenty natywne, nie webowe.
- Unikaj wzorców z HeroUI React (web) – nie używaj plików CSS, nie importuj stylów z @heroui/react, nie opieraj się na oklch. Zamiast tego opieraj się na Uniwind i HSL.
- Definiuj style komponentów za pomocą semantycznych wariantów (primary, secondary, tertiary) zamiast opisów wizualnych – to jest preferowany sposób w Native.
- Gdy potrzebujesz dostosować temat lub znaleźć dokumentację konkretnego komponentu, zawsze sięgnij po dokumentację HeroUI Native, a nie webową – różnice są znaczące.
- Testuj komponenty na rzeczywistych urządzeniach lub emulatorach iOS i Android, aby upewnić się, że działają prawidłowo w obu systemach.