Expo Vector Iconsを使用する

要約
npm packageを追加しなくても標準のモジュールでExpo Vector Iconsなるものがあるらしい? これでGitHub Iconを表示してみた。
意見はこのエリアに表示されます
アイキャッチ画像

標準機能で豊富なアイコンが使える

Expoを学習していたときに、標準機能でアプリアイコンがあるのを見つけた!

Expo Vector Icons

公式サイトを読んでみるが標準で入っているようだ。

expo/vector-iconsライブラリは、npx create-expo-appを使用してテンプレートプロジェクトにデフォルトでインストールされ、expoパッケージの一部です。これはreact-native-vector-iconsの上に構築され、同様のAPIを使用します。icons.expo.fyiで閲覧できる人気のアイコンセットが含まれています。

使い方
こちらのサイトへ行って欲しいものを探すか検索して見つける。

画像の説明を入れてください
screen shot

クリックすると詳細ページへ遷移する。ここにあるimport分と、コンポーネントをコピーしてApp.tsxに貼り付ける。

iOS buildするときに気づいたのですが、iOS18.4出ないとbuildできません。ですので、Xcodeのバージョンは、16.3か16.4にしましょう。

画像の説明を入れてください
screen shot

まとめ
Expoにはライブラリの追加をしなくてもよく見かけるGitHubアイコンであったり、shareアイコンがあるので画像素材を用意しなくも対応できそうでした。

Explore More
関連記事はありません。