首页 > 解决方案 > SvgUri 导入失败。反应原生

问题描述

我正在尝试使用 .svg 图像,但是当我在组件中渲染它时,出现以下错误:

尝试导入错误:“react-native-svg-uri”不包含默认导出(导入为“SvgUri”)。

我的代码:

import SvgUri from 'react-native-svg-uri';

const screenBg=require('../../src/assets /logo.svg');

<View style = {stylesLoginScreen.logoContainer}>
              <SvgUri source = {screenBg}
                             width = '100'
                             height = '100'>
              </SvgUri>
</View>

标签: reactjsreact-nativesvg

解决方案


它是一个命名的出口。用它作为

import { SvgUri } from 'react-native-svg';


推荐阅读