【Expo】ReactNativeのwebでsvgを読み込む方法

interface プログラミング

Expoを使用したReactNativeでsvgを読み込む方法を調べていたら、iosやandroidの記事は見つかったのですが、webでの対処法がなかなか見つからなかったので、ここにメモります。

参考にしたのがこちら
https://github.com/expo/examples/blob/master/with-svg/webpack.config.js

expoが出しているexampleリポジトリがあります。
これはそのsvgを使った場合のディレクトリにあるwebpack.config.jsです。

ここで書かれているコードをコピペして、以下の2つをnpmまたはyarnで追加します。

@svgr/webpack @expo/webpack-config

ただし@svgr/webpackについては、v5.5.0でないとこのコードの書き方ではエラーになってしまいました。そのためバージョンを指定してインストールする必要があります。

最新バージョンでもうまくいく書き方があれば教えてほしいです。

コメント

タイトルとURLをコピーしました