D3 и React-Native

Поддерживает ли React-native библиотека D3 / модули npm, такие как d3-select?

Для меня это вызывает ошибку - querySelectionAll (selection) undefined.

Он отлично работает с reactJS, но не с react-native.

Пожалуйста, помогите.

Сам D3 изначально работает с браузером. React Native не включает API-интерфейсы браузера, потому что он используется для создания приложений для смартфонов ...

Andrew Li 20.04.2018 23:01

если вы хотите использовать библиотеку d3 с нативной реакцией, вы можете посмотреть этот отличный учебник и эти примеры на github

peja 24.04.2018 14:19

Я предполагаю, что в response-native нет DOM, поэтому вы не можете выполнить querySelectionAll в react-native

iRohitBhatia 13.09.2018 23:14
Умерло ли Create-React-App?
Умерло ли Create-React-App?
В этом документальном фильме React.dev мы исследуем, мертв ли Create React App (CRA) и какое будущее ждет этот популярный фреймворк React.
Освоение React Native: Пошаговое руководство для начинающих
Освоение React Native: Пошаговое руководство для начинающих
React Native - это популярный фреймворк с открытым исходным кодом, используемый для разработки мобильных приложений. Он был разработан компанией...
В чем разница между react native и react ?
В чем разница между react native и react ?
React и React Native - два популярных фреймворка для создания пользовательских интерфейсов, но они предназначены для разных платформ. React - это...
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
От React к React Native: Руководство для начинающих по разработке мобильных приложений с использованием React
Если вы уже умеете работать с React, создание мобильных приложений для iOS и Android - это новое приключение, в котором вы сможете применить свои...
Хуки React: что это такое и как их использовать
Хуки React: что это такое и как их использовать
Хуки React - это мощная функция библиотеки React, которая позволяет разработчикам использовать состояние и другие возможности React без написания...
5
3
13 392
3

Ответы 3

Проверьте это: https://hswolff.com/blog/react-native-art-and-d3/

По сути, вы можете использовать ART (от react-native) и D3 вместе для создания красивых графиков. Я не совсем уверен, в чем заключаются ограничения, но на данный момент это лучший вариант.

этот пример работает с предупреждением на Android и не работает на iOS.

Massmaker 27.12.2019 11:57

Обратите внимание, что библиотека ART была удалена из Expo, и теперь они рекомендуют Svg.

raarts 02.07.2020 11:36

npm install d3 —-save, npm install d3-shape —-save и npm install art —-save

Это 3 пакета для создания форм D3 и их использования. Здесь в этой статье писатель использует эти пакеты.

Во-первых, я считаю, что вы не можете использовать d3-select в response-native, поскольку он предназначен для нацеливания на узлы DOM, которые доступны только в Интернете.

Во-вторых, вы можете использовать другую библиотеку D3, просто убедитесь, что вы правильно выполняете импорт. Например, если вы хотите использовать d3-easy, сделайте следующее:

import * as D3Ease from "d3-ease";

вместо этого

import D3Ease from "d3-ease";

Тогда вы можете использовать это так:

const interpolatedWidth = D3Ease.easePolyIn(value, 4.0);

Другие вопросы по теме