Описание тега react-image

React Image - это компонент reactjs, который упрощает жизненные циклы загрузчика и резервного копирования.
0 ответов

Реакция-пятно с реакцией-изображением-зумом конфликт изображения зум не работает

Я хочу увеличить изображение с помощью мульти-слайдера, такого как продукт электронной коммерции, но реагировать-изображение-масштабировать конфликтует с реагированием-слик import Slider from 'react-slick'; import ReactImageZoom from 'react-image-zo…
2 ответа

Как передать опору для изображения, хранящегося локально в реагирующем

Я попытался передать реквизит для 'require' в теге IMAGE компонента act-native. Но он показывает ошибку "Ошибка 500 кода сервера". То же самое, если я передаю ссылку, используя URI, она работает с реквизитом. За работой: <Image style={{ width: 70…
0 ответов

Как установить расширение для нового File(), преобразованного из строки base64?

Я обрезал изображение с помощью act-image-crop, который по умолчанию конвертирует его в URL-адрес BLOB-объекта. Я преобразовал URL-адрес BLOB-объекта в строку base64, а затем попытался преобразовать его в файл. Но когда я отправляю этот файл в Amazo…
01 янв '19 в 05:35
2 ответа

React-native, как изменить размер изображения в зависимости от исходного размера изображения?

У меня есть список изображений для отображения, где размер изображения неизвестен, как я могу отобразить изображение полностью без каких-либо прозрачных пробелов в верхней и нижней части изображения? (Я попытался получить размер изображения с помощь…
04 дек '17 в 06:01
1 ответ

Реагировать на веб-изображение @2 раза добавить вопрос

class ProductComponent extends Component { render() { var url = 'http://via.placeholder.com/150x150'; return ( <div> <figure><img src={url} alt=""/></figure> <div className="prod-dtl"> <span><img src={canada_lo…
20 сен '17 в 05:14
1 ответ

Преобразование статического изображения в Base64 в ReactNative

У меня есть статическое изображение, которое мне нужно конвертировать в Base64 а затем отправьте его на собственный код Android/iOS. Если я выберу изображение из файла, я смогу отправить его в собственный код и преобразовать его в Base64, Но что, ес…
11 апр '17 в 06:26
1 ответ

Сделайте правильный onClickThumbnail для лайтбокса.

Поэтому я настраиваю компонент Lightbox с библиотекой реагирующих изображений, и, похоже, все работает. За исключением одного. У меня есть рендеринг миниатюр, но я не могу создать правильную функцию onClick. Это потому, что я не знаю, как получить и…
10 ноя '18 в 16:20
1 ответ

Изображение из Google REST API не будет отображаться

В React Native я пытаюсь отобразить изображение, которое я извлекаю из выборки (здесь я жестко запрограммировал значение для целей примера): <Image source={uri:{'http://books.google.com/books/content?id=sNyBrgEACAAJ&printsec=frontcover&im…
10 сен '17 в 20:54
3 ответа

Как нарисовать квадрат, чтобы пометить объект. (Реагируй Родной)

Я вижу во многих мобильных приложениях функцию, позволяющую пользователю нарисовать квадрат, чтобы обозначить что-то на изображении. Я строю Face Tagging Приложение и в основном пользователь рисует квадрат на границе лица человека на изображении. Я …
0 ответов

Поворот изображений в приложении реакции

Это мой код import React from "react"; import { Grid, Header } from "semantic-ui-react"; import Gallery from "react-photo-gallery"; import Lightbox from "react-images"; import _1 from "../images/pics/2.jpg"; import _2 from "../images/pics/1.jpg"; im…
05 авг '18 в 18:41
1 ответ

React Собственный оператор 'require' преобразуется в число при использовании в отображении

Я понимаю, что require('') нужна статическая строка, но когда я пытаюсь отобразить значения в упаковке, чтобы потом использовать их в коде const BOXES2 = { silver: require('../../assets/imgs/status/silveroutline.png'), gold: require('../../assets/im…
1 ответ

Загрузка изображения в реакции

Я загружаю меньше кода, потому что я думаю, что это достаточно Спросите, если нужно больше, чтобы найти ошибку async componentDidMount(){ var image = this.props.data.img console.log(this.props.data.img == './../images/thumbnails/g.png') // true cons…
20 окт '18 в 11:02
1 ответ

Невозможно показать изображение из состояния Redux в ReactNative

Мой Редуктор: const initialState = { 1: { id: '1', name: 'AryaStark', theimage: "https://upload.wikimedia.org/wikipedia/en/3/39/Arya_Stark-Maisie_Williams.jpg" }, 2: { id: '2', name: 'SansaStark', theimage: "https://upload.wikimedia.org/wikipedia/en…
0 ответов

Реагировать на выделение переопределения картографического изображения для определенных областей

Я использую пакет pm-image-mapper пакета npm для отображения определенных областей на изображении плана этажа отеля. Теперь я хочу добавить постоянную красную подсветку к уже забронированным комнатам и выделить другие комнаты другим цветом при навед…
29 сен '18 в 07:33
1 ответ

Изображение не отображается должным образом

Вот как я показываю свое изображение в React-Native: <View> <Text style={styles.myTitle}> This is the title 2 </Text> <Image style={{ width: null}} source={require('./images/05.jpg')} resizeMode="stretch" /> </View> С r…
03 авг '17 в 09:03
1 ответ

Почему изображения не загружаются, при попытке загрузить из массива в ответ

У меня есть следующий код, где я пытаюсь загрузить изображения из массива, если я пытаюсь загрузить одно изображение, оно работает нормально, но если я пытаюсь загрузить несколько изображений, оно не показывает любое изображение, хотя мой div test в…
30 авг '17 в 21:27
1 ответ

Производительность require при использовании в источнике компонента изображения

Я новичок, чтобы реагировать родной и у меня есть некоторые проблемы с компонентом изображения реакции Я прочитал документацию и искал несколько статей и вопросов, задаваемых по переполнению стека. Мне пришла в голову мысль, что src компонента Image…
08 июн '18 в 17:15
0 ответов

Изображения имеют место, но не отображаются в реакции

Когда я пытаюсь добавить изображение в свое первое реагирующее нативное приложение, оно не появляется, даже если оно имеет место. Я сделал, как сказано в документации, но проблема все еще существует вот мой код: <Image source={{uri:'https://faceb…
08 мар '19 в 12:27
0 ответов

Реагировать на собственные запросы изображений через одно соединение HTTP/2

У нас много React Native <Image> компоненты рендеринга на экран и являются свидетелями проблем с производительностью из-за множества одновременных HTTP-запросов. Открытие и закрытие соединения обходится дорого, а наличие слишком большого колич…
2 ответа

Это возможно только для внешних URL-адресов, а не для локальных?

Я пытаюсь создать фотогалерею с использованием response-images, URL-адреса правильные, но сами фотографии не загружаются в мое веб-приложение. Я получаю значок разбитого изображения при переключенииmodalIsOpen:false к истине. Я пытался найти примеры…
12 июл '19 в 04:03