Я хочу получить интерактивные диаграммы для работы в приложении React Native. Я знаю, что, вероятно, еще не создана конкретная библиотека React Native, но какую библиотеку Objective-C/Swift/Javascript я должен искать, чтобы позволить мне создавать диаграммы/графики, похожие на те, которые генерирует Chart.js?Chart.js эквивалент для React Native
ответ
Вам будет нужно взглянуть на Obj-C и Swift, а не на JavaScript, я думаю. Существующие JS-библиотеки будут рисовать объекты DOM, Canvas или некоторые другие браузеры, которые не будут доступны в React Native. Это должно немного сузить поле. Затем, чтобы использовать его прямо из RN, вам необходимо создать Native Module между JS и Obj-C.
Итак, в этот момент это сводится к: «что такое хорошая графическая библиотека iOS», и, к счастью, кто-то уже сделал тяжелую работу над этим over on this answer. Core Plot выглядит довольно всеобъемлющим.
Могу ли я использовать что-то вроде этого, https://github.com/lwansbrough/react- родной холст? Я все еще думаю, что это не сработает для реагирования на родной язык, потому что мне нужно будет переопределить холст chartjs с этим реагирующим родным холстом. Просто пытаюсь понять, что возможно и разумно. –
Я пошел бы за ART library проекта, отвечающего за реакцию.
Описание: chart example для ReactJS, который вы можете адаптировать для реагирования, используя эти React-native Art.
Кроме того, есть, вероятно, что-то, что нужно исследовать с помощью Chartist library, которые используют SVG для рисования диаграмм и имеют reactjs component.
EDIT: Начиная с версии 0.18rc, React-Native также поддерживает ART library for Android.
http://fraserxu.me/react-chartist/ выглядит многообещающим. Вы знаете, совместимо ли это с реагированием? Я не понимаю, как определить совместимость с native-native. По моему опыту, если у него нет префикса «response-native- *», это не сработает. (Я - новичок Javascript и реагирующий) –
Реактивный график написан для браузера, поэтому он несовместим с реакцией (я не пытался, но должен работать в веб-просмотре). Чтобы нарисовать «родную» диаграмму, нужно написать всю логику рисования ... – Sulliwane
Спасибо @Sulliwane. Я дам webview + реактивный чартист. Это должно стоить времени на инвестиции. Я не могу найти никакой компонент диаграммы, основанный на реакции, который поддерживает * оба * Android и iOS. –
https://github.com/tomauty/react-native-chart было доступно некоторое время.
Хотя это теоретически возможно ответьте на вопрос, [было бы желательно] (// meta.stackoverflow.com/q/8259) включить сюда основные части ответа и предоставить ссылку для справки. –
- 1. эквивалент «canvas» in React Native
- 2. эквивалент компонента component-addons-transition-groupWillLeave для React Native ??
- 3. React native для android
- 4. React Native для Mac
- 5. React-Native-Meteor update React-Native 0.33
- 6. React Native - вызов Webview React Native function
- 7. React-Native: Dismiss/Exit React-Native View back to Native
- 8. React JS v React Native
- 9. React + React Native стартовый комплект
- 10. Сочетание React и React-Native
- 11. React-Native Twitter для Android
- 12. React Native Charts для android
- 13. React Native для Windows-приложения
- 14. React-Native AsyncStorage для изображений
- 15. React Native PickerIOS для Android
- 16. React/React-Native Refs [FIXED]
- 17. React/React Native Global scope
- 18. React Native - Что возможно и невозможно с помощью React Native?
- 19. SHA256 in React Native
- 20. React Native Bundle Compatibility
- 21. React Native Телефонный логин
- 22. React-Native Ошибка клавиатуры
- 23. React-native Trim Видео
- 24. React.js и React Native
- 25. React Native with Unity
- 26. React Native Live Reload
- 27. React Native iOS
- 28. React Native image image
- 29. React-native debug apk
- 30. React Native с Socket.io
Для создания диаграмм в соответствии с Реальными и Реагировать, используйте Победу: https://formidable.com/open-source/victory/gallery –