React-Native-vector-iconsで使えるアイコン一覧

React NativeでFontAwesomeのアイコンを使おうとしたら
使えないアイコンもあったので一応使えるアイコン一覧ページを貼っときます。

react-native-vector-iconsアイコン一覧

react-native-vector-icons directory

念の為、使い方も記載。

install

npm install --save react-native-vector-icons
npm install

import

今回は「Font Awesome」を使う
※使うアイコンフォントによって/FontAwesomeを変えます。

App.js

 import Icon from 'react-native-vector-icons/FontAwesome';

アイコンを使う

App.js

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';


export default class App extends React.Component {
  render() {
    return (
      <View style={{ flex:1, alignItems: 'center', justifyContent:'center' }}>
        <Icon name="home" size={50}/>
      </View>
    );
  }
}

こんな感じです。

参考ページ

ありがとうございました。
ReactNativeでFontAwesomeを使う