webf-native-ui-dev
Twórz natywne biblioteki UI dla WebF, opakowując widgety Flutter jako komponenty dostępne z JavaScriptu
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do tworzenia własnych bibliotek interfejsu użytkownika dla WebF poprzez opakowywanie widgetów Flutter. Zbuduj komponenty wielokrotnego użytku, które łączą wydajność Flutter z dostępnością z poziomu JavaScript, TypeScript, React i Vue. Idealne do budowania systemów projektowania, publikowania pakietów npm z definicjami typów oraz tworzenia komponentów specyficznych dla platform iOS i Android.
Jak używać
Zainstaluj skill webf-native-ui-dev w swoim projekcie WebF. Skill zawiera narzędzia CLI do generowania struktury biblioteki komponentów.
Zdefiniuj komponenty TypeScript, które będą opakowywać widgety Flutter. Utwórz interfejsy dla właściwości komponentów i zdarzeń, które będą dostępne dla deweloperów JavaScript.
Skonfiguruj definicje typów (.d.ts), aby komponenty były w pełni typizowane dla użytkowników w TypeScript i React/Vue. Skill automatycznie generuje część kodu na bazie Twoich specyfikacji.
Opakuj wybrane pakiety Flutter, eksponując ich widgety jako niestandardowe elementy WebF dostępne z JavaScriptu. Upewnij się, że komponenty działają z React, Vue i vanilla JavaScript.
Opublikuj swoją bibliotekę jako pakiet npm z wygenerowanymi definicjami typów. Skill wspiera cały proces przygotowania i publikacji pakietu.
Testuj komponenty w aplikacjach webowych, aby upewnić się, że mostek między Flutter a JavaScript działa prawidłowo i że wydajność jest zadowalająca.