Az app készítés során számos helyen akarunk majd ikonokat használni. Ha Expo projekten dolgozunk, akkor az Expo-val együtt települ egy ikon csomag is, ami az @expo/vector-icons.
Ikon szett
Hogy milyen ikonok közül lehet válogatni, azt itt tudjuk megnézni. Ha az itt található keresőbe beírunk egy szót (például a „beer”-re biztosan lesz találat :)), akkor kapunk egy csomó ikont. Megkapjuk az ikonok nevét, valamint azt is, hogy pontosan melyik ikon csomagban van az adott ikon. Ugyanis több ikon csomag közül is választhatunk, mint például az Ionicons, FontAwesome, ésatöbbi.
Használat
Használathoz először is be kell importálni a projektbe a csomagot, ami a példában az Ionicons:
import Ionicons from '@expo/vector-icons/Ionicons';Ezt követően az <Ionicons /> komponenst tudjuk használni:
<Ionicons name="md-checkmark-circle" size={32} color="green" />Hasonló témák
Itt egy csokorba gyűjtöttem az ikonokal foglalkozó bejegyzéseimet.