-
在 React Native 项目中以类似于 Web 应用程序的方式导入 SVG 文件
资源介绍
react-native-svg-transformer React Native SVG 转换器允许您在 React Native 项目中导入 SVG 文件,就像在 Web 应用程序中使用像 SVGR 这样的库将导入的 SVG 图像转换为 React 组件时一样。
这使得对 React Native 和 Web 使用相同的代码成为可能。
用法 在 React 组件中导入 .svg 文件:从“./logo.svg”导入 Logo;
然后,您可以将图像用作组件:
如果您使用 React Native 0.56 或更早版本,则需要将 .svg 文件重命名为 .svgx。
Demo (iOS/Android/Web) react-native-svg-example 安装配置 第一步:安装 react-native-svg 库 确保你已经安装并链接了 react-native-svg 库:https://github.com /react-native-community/react-native-svg#installation 第二步:安装 react-native-svg-transf