react native svg
v15.9.0
react-native-svg 、iOS、Android、MacOS、Windows、およびWebの互換性レイヤーのReactネイティブにSVGサポートを提供します。
サンプルアプリをご覧ください
expo Expoクライアントアプリには、ネイティブコードがインストールされています！
javascriptを次のようにインストールします。
npx expo install react-native-svg詳細については、 Expo Docsを参照するか、使用するには先にジャンプしてください。
ライブラリをインストールします
NPMから
npm install react-native-svg糸から
yarn add react-native-svgネイティブコードをリンクします
cd ios && pod install| React-Native-SVG | React-Native |
|---|---|
| 3.2.0 | 0.29 |
| 4.2.0 | 0.32 |
| 4.3.0 | 0.33 |
| 4.4.0 | 0.38 |
| 4.5.0 | 0.40 |
| 5.1.8 | 0.44 |
| 5.2.0 | 0.45 |
| 5.3.0 | 0.46 |
| 5.4.1 | 0.47 |
| 5.5.1 | > = 0.50 |
| > = 6 | > = 0.50 |
| > = 7 | > = 0.57.4 |
| > = 8 | > = 0.57.4 |
| > = 9 | > = 0.57.4 |
| > = 12.3.0 | > = 0.64.0 |
| > = 15.0.0 | > = 0.70.0 |
| > = 15.8.0 | > = 0.73.0 |
ファブリックは、React Nativeの新しいレンダリングシステムです。このプロジェクトのバージョン13.0.0の時点で、FabricはReact-Native 0.69.0+のみでサポートされています。構成の変化を破るため、以前のバージョンのサポートは不可能です。
| React-Native-SVG | React-Native |
|---|---|
| > = 13.0.0 | 0.69.0+ |
| > = 13.6.0 | 0.70.0+ |
| > = 13.10.0 | 0.72.0+ |
予期しない動作がある場合は、React-NativeとReact-Native-SVGの最新バージョンでクリーンプロジェクトを作成してください
react-native init CleanProject
cd CleanProject/
yarn add react-native-svg
cd ios && pod install && cd .. App.jsで問題を複製します
react-native run-ios
react-native run-androidnpx react-native-windows-init --overwritereact-native run-windows前のステップで指定されているように、それがまだ最新バージョンの問題であることを確認してください。その場合、新しい問題を開き、 App.jsファイル全体を含め、テストしたプラットフォームとこのコマンドを実行した結果を指定します。
react-native infoスペックコンフォーマンスバグが見つかったと疑っている場合は、このCodeSandboxをフォークすることでReact-Native-Webプロジェクトでコンポーネントを使用してテストして、異なるブラウザが同じコンテンツをどのようにレンダリングするかを確認できます。https：//codesandbox.io /s/pypn6mn3y7重要なユーザーベースまたは他のSVGユーザーエージェントを備えた常緑ブラウザーがいくつかのSVGコンテンツをより良くレンダリングするか、SVGおよび関連する仕様をよりサポートする場合は、できるだけ早く問題を開きます。
ライブラリの使用方法を確認するには、usage.mdを参照してください
2012年以来、Software Mansionは、Webおよびモバイルアプリの構築の経験を持つソフトウェア代理店です。私たちは、あらゆる種類のReactネイティブの問題に対処するコアリアンスネイティブの貢献者であり、専門家です。次の夢の製品を構築するのを手伝うことができます - 私たちを雇います。
