react native svg
v15.9.0
react-native-svg SVG 지원을 제공하여 iOS, Android, MacOS, Windows 및 웹의 호환성 계층에서 기본적으로 반응합니다.
예제 앱을 확인하십시오
expo 클라이언트 앱은 기본 코드가 설치되어 있습니다!
JavaScript를 다음과 같이 설치하십시오.
npx expo install react-native-svg자세한 내용은 엑스포 문서를 참조하거나 사용으로 이동하십시오.
라이브러리를 설치하십시오
NPM에서
npm install react-native-svg원사에서
yarn add react-native-svg기본 코드를 링크합니다
cd ios && pod install| 반응-신용 -SVG | 반응 신용 |
|---|---|
| 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 |
직물은 원시의 새로운 렌더링 시스템에 반응합니다. 이 프로젝트의 버전 13.0.0 기준 Fabric은 React Native 0.69.0+에만 지원됩니다. 구성 변경이 중단되어 이전 버전에 대한 지원이 불가능합니다.
| 반응-신용 -SVG | 반응 신용 |
|---|---|
| > = 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사양 준수 버그를 찾은 것으로 의심되면이 코드 및 상자를 포킹하여 반응-신용 웹 프로젝트에서 구성 요소를 사용하여 다른 브라우저가 동일한 컨텐츠를 어떻게 렌더링하는지 확인할 수 있습니다 : https://codesandbox.io. /s/pypn6mn3y7 중요한 사용자베이스 또는 기타 SVG 사용자 에이전트가있는 상록수 브라우저가 SVG 컨텐츠를 더 잘 렌더링하거나 SVG 및 관련 사양의 더 많은 문제를 지원하는 경우 최대한 빨리 문제를 엽니 다.
라이브러리 사용 방법을 확인하려면 usage.md를 참조하십시오
2012 년부터 Software Mansion은 웹 및 모바일 앱을 구축하는 경험이있는 소프트웨어 대행사입니다. 우리는 모든 종류의 React Native 문제를 다루는 데있어 핵심 반응 원시 기고자 및 전문가입니다. 다음 꿈의 제품을 구축하는 데 도움을 줄 수 있습니다.
