登录 注册
当前位置:主页 > 资源下载 > 9 > 在 React Native 项目中以类似于 Web 应用程序的方式导入 SVG 文件

在 React Native 项目中以类似于 Web 应用程序的方式导入 SVG 文件

  • 更新:2024-10-23 16:49:49
  • 大小:82KB
  • 推荐:★★★★★
  • 来源:网友上传分享
  • 类别:其它 - 开发技术
  • 格式:ZIP

资源介绍

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