React
[React Native] 'react-native-vector-icons' μ¬μ©ν΄μ μμ΄μ½ μΆλ ₯νκΈ°
sun_young
2023. 9. 19. 14:26
π¨ μμ΄μ½ μΆλ ₯ μ€λ₯
μνλ μμ΄μ½μ΄ μ λλ‘ μΆλ ₯λμ§ μκ³ λ¬Όμν(?)λ‘ λ¨κ³ , μ½μμ°½μ μ€λ₯ λ©μμ§κ° μΆλ ₯λ¨
π ν΄κ²° λ°©μ
* μλλ‘μ΄λ κΈ°μ€μ λλ€!
1) android/app/main/asseets/fonts ν΄λ μμ±
2) node_modules μλμ μλ λͺ¨λ ttf νμΌμ 1λ²μ μμ±ν ν΄λ μλλ‘ μ΄λνλ€
→ λμ κ²½μ° 1,2λ² κ³Όμ μ νμ§ μμ μμ΄μ½μ΄ μ λλ‘ μΆλ ₯λμ§ μμμ
* 1λ² μ¬μ§ μ°Έκ³
3) μλ μ¬μ΄νΈμμ μνλ μμ΄μ½ μ ν
https://oblador.github.io/react-native-vector-icons/
4) 리μ‘νΈ λ€μ΄ν°λΈ νλ‘μ νΈμ μλ μ½λ μΆκ°
ex. AntDesignμ search1 μμ΄μ½μ μΆκ°νκ³ μ ν λ
import AntDesign from "react-native-vector-icons/AntDesign";
<AntDesign name="search1" size={20} color="black" />