ReferenceError: Cant't find variable: child

[victorbarretodev]

hello guys, I have this problem in external and internal images can someone tell me why? note: I installed all libs and settings.

import React from 'react';
import {View, Text, Button} from 'react-native';
import PropTypes from 'prop-types';
import SvgUri from 'react-native-svg-uri';
import loginFigure from '../../Assets/Image/loginFigure.svg';
import {title} from '../../Styles/Typography';

export default function SignIn({login}) {
  return (
    <View style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}>
      <SvgUri
        width="200"
        height="200"
        source={{
          uri:
            'http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg',
        }}
      />
      <Text style={title}> SignIn </Text>
      <Button title="Login" onPress={() => login()} />
    </View>
  );
}

SignIn.propTypes = {
  login: PropTypes.func.isRequired,
};

• react-native: "0.62.0"
• react-native-svg: "^12.0.3"
• react-native-svg-uri": "^1.2.3"

[tom-nuyts]

@Dev4ster I've got the same error, did you manage to make it work?

[jauggy]

I also have the same error.

I recommend using this library instead:
https://github.com/react-native-community/react-native-svg

import * as React from 'react';
import { SvgUri } from 'react-native-svg';

export default () => (
  <SvgUri
    width="100%"
    height="100%"
    uri="http://thenewcode.com/assets/images/thumbnails/homer-simpson.svg"
  />
);