Описание тега react-native-svg
Используйте для react-native-svg, библиотеку JavaScript для использования \ записи изображений SVG в react-native
0
ответов
response-native-svg-uri: изображения исчезают, когда я делаю сборку релиза
build.gradle: ext { buildToolsVersion = "27.0.3" minSdkVersion = 16 compileSdkVersion = 27 targetSdkVersion = 26 supportLibVersion = "27.1.1" } gradle.properties: android.enableAapt2=false android.disableResourceValidation=true зависимости: "react-n…
18 окт '18 в 16:26
0
ответов
Понимание element.clipPath реакции-native-svg
Я пытался понять, как clipPath работает в Reaction-native-SVG. Вот метод визуализации компонента, чтобы проиллюстрировать мое недоразумение... и я не могу его переварить: render() { return ( <View style={{ flex: 1, backgroundColor: "#fa0" }}> …
10 авг '18 в 13:25
1
ответ
Сделайте диаграмму кликабельной при размещении под другим SVG <View>
У меня проблемы с работой SVG в React Native. У меня есть диаграмма, на которую можно кликать и которая работает хорошо, затем мне нужно было поместить еще один SVG поверх диаграммы, чтобы нарисовать линию, которая представляла бы значение предельно…
24 сен '18 в 09:49
1
ответ
Event-native-svg onPress событие не работает
Я работаю с response-native-svg, так как в документации сказано, что можно вызвать событие onPress для элементов svg, но это не работает. <Svg width={370} height={180} {...props} viewBox="0 0 385 185" > <Path d="M5.607 13.536l9.267 9.267a2.…
12 дек '18 в 21:16
0
ответов
Невозможно коснуться и перетащить SVG
Я пытаюсь реализовать часы, в которых пользователь может коснуться указателя и переместить его. Это поведение работает как ожидалось на iOS, но не на Android. В частности, когда вы дотрагиваетесь до указателя в первый раз, он работает нормально, одн…
13 дек '18 в 22:55
3
ответа
Невозможно разрешить "./patternReg" из "node_modules\ реагировать-native-svg\lib\extract\extractProps.js
Я новичок в реакции родных. После установки новой библиотеки реагирует-native-svg-from-uri. и используется на моем компоненте, как import SvgUri from 'react-native-svg-uri'; <SvgUri width="200" height="200" source={require("./img/homer.svg")} /&g…
16 янв '19 в 10:24
1
ответ
React Native- прокручиваемый текст SVG
Моя цель - иметь на экране прокручиваемый текст SVG, но я не могу понять, как. Во-первых, прежде чем я попытался сделать текст прокручиваемым, я начал со следующего кода: <View style={style}> <Svg height={height} width={width}> <G>…
17 янв '19 в 10:00
0
ответов
Добавьте разрыв между путями круговой диаграммы в SVG
Я пытаюсь сделать круговую диаграмму через SVG с разрывом / линией между срезами, но в настоящее время я не получаю правильных результатов. Вот как это должно выглядеть. Вот как я сделал компонент, это со ссылкой на этот средний пост. import React f…
20 фев '19 в 07:09
1
ответ
Как программно добавить элемент SVG в компонент, используя модуль act-native-svg?
Я безуспешно ищу информацию в Интернете о том, как создать элемент SVG Rect в React-Native с помощью функции act-native-svg. До сих пор я достиг определения некоторых элементов SVG в компоненте и передачи реквизита существующим элементам SVG, таким …
02 фев '19 в 00:27
0
ответов
Построить круговой датчик на реагировать родной
Я новичок в реактивно-родном и хочу построить круговую колею (как на картинке ниже) Я нашел https://ej2.syncfusion.com/javascript/demos/, и я встроил в веб-просмотр, но мое приложение сильно зависает и несколько раз зависало:(. Поэтому я хочу чтобы …
26 фев '19 в 15:54
0
ответов
Реагируйте на трассировку фигуры собственного трека по пути SVG
Я создал путь с реагировать-родной-SVG. Я положил круг на конечных точках каждого сегмента. Я хочу быть в состоянии определить, правильно ли пользователь отслеживает путь пальцем. Было бы хорошо, если бы я мог проверить по всему пути, но, по крайней…
27 фев '19 в 06:04
0
ответов
response-native-svg-charts Areachart отображает дополнительную прибыль
Я использую response-native-svg-charts для отображения некоторых диаграмм. В моем случае я использую диаграмму области (см. Изображение ниже). Когда последние записи данных имеют одинаковые значения, появляется нижняя строка Вот как я отображаю диаг…
12 дек '18 в 12:12
8
ответов
Как я могу автоматически масштабировать элемент SVG в React Native View?
Я пытаюсь поставить react-native-svg элемент внутри View так, чтобы он отображался с определенным фиксированным соотношением сторон, но затем масштабировался до максимально возможного в пределах границ содержащего представления. Svg элемент (от reac…
03 фев '18 в 21:47
2
ответа
Ширина анимации <Rect /> в реагировать-нативно-SVG
У меня есть простая анимация интерполяции для <Rect /> элемент, однако я не вижу изменений в моем пользовательском интерфейсе, как будто ширина остается 0. Я вручную добавил свое конечное значение в компонент как width={149.12} и он отображал …
07 окт '18 в 06:52
0
ответов
Переместить курсор по дуге круга Reaction-native-SVG
Привет, я пытаюсь построить диапазон ввода, который не является действительно круглым, но дуга окружности, как на рисунке ниже. диапазон ввода Вот как мне удалось получить этот результат: import React, { Component } from 'react'; import { PanRespond…
12 ноя '18 в 03:52
1
ответ
Случайный сбой при использовании response-native-svg в реакции native
Я использую реагировать-native-svg для создания спидометра в реагировать родной, он работает нормально, но я сталкиваюсь со случайными сбоями. эта проблема в андроиде. Проблема в крашлитике: "com.facebook.react.bridge.JSApplicationIllegalArgumentExc…
14 дек '18 в 13:56
1
ответ
Ошибка при обновлении свойства 'width' в теневом узле типа: RNSVGsvgView
Я столкнулся с этой ошибкой после установки react-native-svg, У меня все иконки SVG в отдельном .js подать и вызвать их следующим образом, <Icons name={'dot'} style={{height:4, width:4, marginRight:10}} color={"#D8D8D8"}/> Согласно этому решен…
31 дек '18 в 06:56
0
ответов
response-native-svg-charts / bar chart с переменной шириной бара?
С помощью response-native-svg-chart я хотел бы отрегулировать ширину бара в соответствии с переменным параметром, но, к сожалению, я не могу найти ни одного примера и не обойти его. Ожидаемый результат будет как: Должен ли я использовать аргумент пр…
18 янв '19 в 17:13
0
ответов
Рендеринг сетевых SVG-изображений вызывает проблемы с производительностью на Android React-Native(я хочу, чтобы избежать использования React-Native-svg-uri)
Я хочу рендерить сетевые изображения в React-Native, я ранее использовал метод ttf, и он отлично работает, но этот метод используется только для статических изображений. Я хочу рендерить изображения svg с помощью метода облегченного веса, я знаю, чт…
07 янв '19 в 19:13
1
ответ
Как мне "подогнать" это изображение к моему Пути?
Как правильно отобразить изображение профиля внутри этой фигуры вместо того, чтобы вырезать изображение? <Svg height="300" width="300" > <Defs> <ClipPath id="clip"> <Path d="M136.5 85 189 136 136.5 187 84 136z" /> </ClipPa…
04 фев '19 в 23:55