A much improved decorator system has been introduced, allowing for greater flexibility and less complexity. See releases for more information. In order to not bloat this README to much we've moved some examples over to react-native-svg-charts-examples. There we will try to showcase the really cool things you can do with this library. This README will try to keep things as simple as possible so that everybody can get up and running as fast as possible.
https://github.com/JesperLekland/react-native-svg-chartsTags | react-native react-native-charts react-native-d3 d3 charts svg react-native-svg react-component react-native-component react mobile ios android vector chart |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
This library is a cross-platform (iOS/Android) library of charts/graphs using react-native-svg and paths-js based on the excellent work done by Roman Samec in the react-pathjs-chart library. The project is an early attempt at providing a ubiquitous solution for charts & graphs for React Native that offer a unified view across devices. Components include Pie charts, Bar charts, Smoothline charts, Stockline charts, Scatterplots, Tree graphs and Radar graphs. Since Paths-Js makes no assumptions about rendering, this library is perfect for using SVG path objects to render custom charts easily.
charts graphs paths-js react-native ios android react-native-svg cross-platform radar-graphs bar-graphs pie-graphs tree react-pathjs-chartNote: react-native-svg has strict version requirements for both react and react-native. Please match versions to those required by react-native-svg. See the up-to-date requirements on the react-native-svg Readme. We encourage you to use the latest version of react-native-svg possible for your project, as victory-native issues are frequently solved by react-native-svg bugfixes.Full documentation can be found here.
react-native react d3 charts data-visualizationA React Native component for drawing by touching on both iOS and Android. To use an image as background, localSourceImage(see below) reqires an object, which consists of filename, directory(optional) and mode(optional). Note: Because native module cannot read the file in JS bundle, file path cannot be relative to JS side. For example, '../assets/image/image.png' will fail to load image.
react-native react-native-sketch react-native-svg react native sketch svg drawA SVG shadow component powered with react-native-svg,which can provide shadow on Android like iOS ^_^
react-native react-native-shadow android shadow[](https://gitter.im/tomauty/react-native-chart) [](https://badge.fury.
chart react-native svgreact-native-svg is built to provide a SVG interface to react native on both iOS and Android. Check out the demo Source.
react-component react-native ios android svg art vml gradientA React Native component for generating and displaying interactive star ratings. Compatible with both iOS and Android. For the emptyStar, fullStar, halfStar, and iconSet props, please refer to the react-native-vector-icons package for the valid string names for the star icons. When selecting the icon string names, you must remember to remove the font family name before the first hyphen. For example, if you want to use the ion-ios-star from the Ionicon font set, you would set the fullStar prop to ios-star and the iconSet to Ionicons.
star-rating star-rating-component react-native react-native-component custom-star star-icon react-native-star-rating star rating ratings component react native stars review reviews react-component ios androidReact Native Button component for iOS & Android. CircleButton, RoundButton, RectangleButton is on top of ButtonComponent. So I recommend you should use CircleButton, RoundButton, RectangleButton, rather than directly use ButtonComponent because those button components may have preset some options.
react react-native button react-native-button ios android react-button react-native-button-component component react-component react-native-componentOptional: If you want to have the smooth SVG animation, you should install and link react-native-svg. If you are using Expo, you can skip this as Expo comes with react-native-svg. Before defining walkthrough steps for your react elements, you must make them walkthroughable. The easiest way to do that for built-in react native components, is using the walkthroughable HOC. Then you must wrap the element with CopilotStep.
react-native walkthrough intro react-native-joyride react copilot intro.jsReact Native Popup Dialog for iOS & Android. Another similar dialog component: react-native-dialog-component the main difference is style.
react react-animate react-native component dialog es6 popup react-dialog react-native-popup-dialog react-native-dialog popup-dialog react-component ios androidCustomizable Icons for React Native with support for NavBar/TabBar/ToolbarAndroid, image source and full styling.
react-native icon icon-pack ui react-component react-native-component react mobile ios android osx icons vector retina fontCheckbox component for react native, it works on iOS and Android. Add react-native-check-box to your js file.
check-box checkbox-component react-native react-native-checkbox react-native-component check box react-component ios androidUse the built-in share view from iOS and Android to let the user share on Facebook and Twitter. It will use the user's existing account without having to get new authorizations. You can even preset text, image and link for the share view. Let me know how it works.
react-native react twitter facebook popup share-popups slcomposeviewcontroller rctbridgemodule social react-component react-native-component mobile ui react-native-facebook react-native-twitterA react native module to show toast like android, it works on iOS and Android. Add react-native-easy-toast to your js file.
toast react-native-toast react-native react-toast react-native-component toast-ios alert react-component navigator ios androidNote: Shifted to React Navigation from React Native Router Flux in the master branch. React Navigation has become standard for navigation solution in React Native. We are just keeping up with the current trend. No need of reinventing the wheel. To have immediately something to continue building on, it would be best to start from some starter kit for getting React Native - based applications off the ground in a hurry.
nativebase codepush redux react react-native android ios native native-base native-modules react-component navbar packager rnpm es6 react-native-code-push react-native-boilerplate react-native-with-redux react-native-with-redux-boilerplate native-base-boilerplate react-native-with-native-baseReact Native Touch ID is a React Native library for authenticating users with biometric authentication methods like Face ID and Touch ID on both iOS and Android (experimental). In order to use Biometric Authentication, you must first link the library to your project.
react-native touchid apple react native touch-id react-component react-native-component authentication auth authenticate mobileReact native 0.40 moved iOS headers, thus all iOS react import statements has been changed. Use version 0.4.* for react native >=0.40. For earlier version see below breaking change. React native 0.19 changed the ReactProps class which led to problems with updating native view properties (see https://github.com/facebook/react-native/issues/5649). These errors are corrected in react-native-pdf-view version 0.2.0. Use version 0.2.* for react native >=0.19 and for earlier react native versions use version 0.1.3.
react-component react-native android ios pdf viewreact-native-app-intro is a react native component implementing a parallax effect welcome page using base on react-native-swiper , similar to the one found in Google's app like Sheet, Drive, Docs... You can use pageArray quick generation your app intro with parallax effect. With the basic usage, the Android status bar will be updated to match your slide background color.
react-native parallax android ios introduction intro swiper producttour app react-componentA React Native module to help access and save events to iOS and Android calendars. This package assumes that you already have a React Native project or are familiar with React Native. If not, checkout the official documentation for more details about getting started with React Native.
android-calendar-events ios-calendar-events react-native calendar-events alarms calendar-api recurring-events ios-calendar-api android-calendar-api react-native-module andriod ios-library react-component ios android eventkit remindersreact-native-really-awesome-button is a performant, extendable, production ready ReactNative component that renders an animated set of 3D UI buttons. MIT. Copyright (c) 2018 Rafael Caferati.
react-native react-ui-components button 3d-buttons react-native-component react-native-button react-native-buttons progress-button animated-buttons ui-component animated-button awesome-button really-awesome-button 3d-button react-component ios android
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.