A 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.
https://github.com/terrylinla/react-native-sketch-canvasTags | react-native react-native-sketch react-native-svg react native sketch svg draw |
Implementation | Javascript |
License | MIT |
Platform | OS-Independent |
A React Native component for touch-based drawing. The project contains a folder examples that contains few demos of how to use react-native-sketch. Just copy and paste the code to your React Native application.
react-native drawing touch ios sketch signature react react-component draw paint canvasNote: 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 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.
react-native react-native-charts react-native-d3 d3 charts svg react-native-svg react-component react-native-component react mobile ios android vector chartOptional: 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.jsThis 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-chartreact-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 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 svgRender SVG images or write your own in-line and animate them, fun! Uses SVGKit. Formerly known as react-native-svgkit, but this now belongs to a library that is actually under active development: see magicmight's react-native-svg. Uses SVGKit to do all of the hard work.
Note: 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-baseA follow up project called react-native-shared-element has been created which can be considered the successor to react-native-magic-move. It it an all native solution that provides superior performance (no more passes over the react-native bridge) and transitions. It however does not support some of the more exotic transition types (flip, shrinkAndGrow) that Magic Move does. It also doesn't support the web-platform yet and requires native extensions to run. New users are advised to use react-native-shared-element when possible. As for Magic Move, no more new developments will be started for Magic Move, merely critical bug-fixes. This notification will be updated as development on react-native-shared-element progresses. * The native extensions are recommended to get the best performance, but they are not required. This makes it possible to use react-native-magic-move with expo or react-native-web. If you're having trouble installing the native extensions, please see this guide on how to install them manually.
react-native magic-move scene transitions ui-animation react-native-magic-move fluid scene-transitionBeautifully crafted off canvas menu components for react native applications. Created with React Native Animated library. The component is compatible with Android only. There is an example app with this repository in the example folder.
react-native react off-canvas menuReact 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 学习资源精选仓库(汇聚知识,分享精华)汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等,只求精不求全。
react-native-tutorial react-native-resources react-native-study react-native-lesson react-nativeA routing library for React Native that strives for sensible API parity with react-router. React Router community decided that a reducer-based paradigm similar to that of NavigationExperimental is better suited to native navigation. Transition to a reducer-based paradigm is also being discussed for the web. On the other hand, NavigationExperimental has no intention to support a React Router-like interface and leaves the navigation state up to the developer to maintain.
react-native react-router react react-router-native react-native-router native routing router navigator navigationexperimental navigation navigatorios ios andorid react-componentThe comprehensive camera module for React Native. Inside your package.json, use this "react-native-camera": "git+https://git@github.com/react-native-community/react-native-camera" instead of "react-native-camera": "^1.0.0".
react-native face-detection rncamera camera barcode code native qr reactReact Native Firebase is a light-weight javascript layer connecting you to the native Firebase SDKs for both iOS and Android which aimes to mirror the offical Firebase Web SDK as closely as possible. Although the official Firebase JS SDK will work with React Native; it is mainly built for the web and has a limited feature-set compared to native.
firebase analytics android ios database push-notifications react-native fcm react-native-app react auth realtime-database native-sdks web-sdk storage transactions remote-config firestore crashlytics admob config digits fabric functions phone-auth sms cloud-firestore datastore react-native-firebase apn gcm messaging crash firestack performance dynamic-linksReact 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 androidThis library started as a basic bridge of the native iOS image picker, and I want to keep it that way. As such, functionality beyond what the native UIImagePickerController supports will not be supported here. Multiple image selection, more control over the crop tool, and landscape support are things missing from the native iOS functionality - not issues with my library. If you need these things, react-native-image-crop-picker might be a better choice for you. To use this library you need to ensure you match up with the correct version of React Native you are using.
react-native image-picker picker react-native-image-picker react native imageGold Sponsors are those who have pledged $200/month and more to SVGR.
svg2react svg-to-react svg svgo react react-svg react-svg-creator svg-react webpack-loader webpack inline-svg react-svg-loader loader react-native
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.