Как использовать data-url с изображениями в re-natal?

Question

У меня есть следующее изображение, в которое я передаю URL-адрес данных, и я пробовал два способа:

[image {:source data-url}]

[image {:source {:uri data-url}}]

В обоих случаях я получаю сообщение об ошибке: "Неудачный тип опоры: для изображения предоставлен неверный источник опоры". Что я делаю неправильно?

Answer 1

Вы импортируете неправильно, реагируете на нативные, вы можете получить изображение из каталога и URL-адреса таким образом

<Image
          style={{width: 50, height: 50}}
          source={require('@expo/snack-static/react-native-logo.png')}
        />
        <Image
          style={{width: 50, height: 50}}
          source={{uri: 'https://reactnative.dev/img/tiny_logo.png'}}
        />
        <Image
          style={{width: 66, height: 58}}
          source={{uri: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAEXRFWHRTb2Z0d2FyZQBwbmdjcnVzaEB1SfMAAABQS />

Вот ссылка, вы можете проверить из официального документа

https://reactnative.dev/docs/image