KNIŽNICA KOMPONENTOV POUŽÍVATEĽSKÉHO ROZHRANIA PRE REACT NATIVE

Knižnica komponentov používateľského rozhrania pre React Native

Knižnica súprav nástrojov a komponentov používateľského rozhrania pre React Native
Prečítajte si viac v našom Wiki .
Pozrite sa na náš Doc .
Náš Discord Channel

Inštaluje sa

Pozrite si pokyny na nastavenie tu .

Nová hlavná verzia 5.0

Viď prelomové zmeny

Pre React Native> = 0,60,0

použite | _+_ |

Pre React Native<0.60.0

použite | _+_ |

Vytvorte si vlastný návrhový systém v 3 jednoduchých krokoch

Krok 1

Načítajte svoje základy a predvoľby (farby, typografia, medzery atď.)

react-native-ui-lib

Krok 2

Nastavte predvolené konfigurácie svojich komponentov

react-native-ui-lib@^3.0.0

Krok 3

Využite to všetko spoločne. Vaše konfigurácie budú aplikované na komponenty uilib, aby ste ich mohli ľahko používať s modifikátory .

// FoundationConfig.js import {Colors, Typography, Spacings} from 'react-native-ui-lib'; Colors.loadColors({ primaryColor: '#2364AA', secondaryColor: '#81C3D7', textColor: '##221D23', errorColor: '#E63B2E', successColor: '#ADC76F', warnColor: '##FF963C' }); Typography.loadTypographies({ heading: {fontSize: 36, fontWeight: '600'}, subheading: {fontSize: 28, fontWeight: '500'}, body: {fontSize: 18, fontWeight: '400'}, }); Spacings.loadSpacings({ page: 20, card: 12, gridGutter: 16 });

Podrobnosti na stiahnutie:

Autor: wix

Demo: https://wix.github.io/react-native-ui-lib/

Zdrojový kód: https://github.com/wix/react-native-ui-lib

#react-native #react #mobile-apps

Knižnica komponentov používateľského rozhrania pre React Native