react-native 에서 아이콘 표시하는 두가지 방법

첫번째 방법은 react-native-vector-icons 사용하기 

설치/사용예제포함 - react-native-vector-icons 설치 후 , 아이콘이 엑박으로 보이는 경우

두번째 방법은 @expo/vector-icons  사용하기 

사용방법 

별도의 설치는 필요없고, expo 프로젝트라면 import하여 사용할 수 있다. 

사용할 수 있는 아이콘 리스트는 여기 에서 확인할 수 있다. 또한 vector-icons는 사용자 정의 아이콘도 지원한다.

import * as React from 'react';
import { View, StyleSheet } from 'react-native';
import Ionicons from '@expo/vector-icons/Ionicons';

export default function App() {
  return (
    <View style={styles.container}>
      <Ionicons name="md-checkmark-circle" size={32} color="green" />
    </View>
  );
}

const styles = StyleSheet.create({ ... });