webf-native-ui
Komponenty natywne iOS w JavaScript – gotowe do użytku, pełna wydajność
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
WebF Native UI to biblioteka gotowych komponentów iOS (Cupertino), które renderują się jako natywne widgety Flutter zamiast elementów DOM. Zamiast pisać HTML i CSS od zera, używasz ponad 30 predefiniowanych komponentów – przyciski, formularze, pola tekstowe, selektory daty, nawigację – wszystkie stylizowane zgodnie z wytycznymi Apple. Działa z React, Vue i vanilla JavaScript. Idealne do budowania aplikacji iOS z lepszą wydajnością niż tradycyjne podejście webowe.
Jak używać
Zainstaluj pakiet NPM dla swojego frameworka: dla React użyj
@openwebf/react-cupertino-ui, dla Vue@openwebf/vue-cupertino-ui. Jeśli pracujesz w Flutter, zainstalujwebf_cupertino_ui.Zaimportuj komponenty z biblioteki do swojego projektu – dostępne są komponenty do nawigacji (Tab, TabBar, Scaffold), formularzy (TextField, Form Section, Form Row), dialogów (Alert Dialog, Action Sheet), list (List Section, List Tile), kontrolek (Button, Switch, Slider, Segmented Control, Checkbox, Radio) oraz ikon (1000+ SF Symbols).
Zastosuj komponenty w swoim kodzie zamiast budować UI z HTML i CSS – na przykład użyj gotowego TextField zamiast pisać input z stylami, lub Alert Dialog zamiast tworzyć modal od podstaw.
Komponenty automatycznie renderują się jako natywne widgety Flutter, dzięki czemu uzyskujesz natywny wygląd i wydajność na iOS bez dodatkowej konfiguracji.
Skorzystaj z Cupertino color system i SF Symbols dostępnych w bibliotece, aby zachować spójność z designem Apple i wytycznymi Human Interface Guidelines.
Zapoznaj się z pełną dokumentacją na https://openwebf.com/en/ui-components/cupertino, gdzie znajdziesz szczegóły każdego komponentu i przykłady użycia.