Socket
Socket
Sign inDemoInstall

rn-conical-gradient-progress

Package Overview
Dependencies
871
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    rn-conical-gradient-progress

React Native component for creating animated, conical gradient progress with react-native-svg


Version published
Weekly downloads
37
increased by48%
Maintainers
1
Created
Weekly downloads
 

Readme

Source

rn-conical-gradient-progress

:pencil2: Attempt to fix the following error in latest RN version.

:bangbang: Invariant Violation: ViewPropTypes has been removed from React Native. Migrate to ViewPropTypes exported from 'deprecated-react-native-prop-types'

Installation

Install this component and react-native-svg:

npm i --save rn-conical-gradient-progress react-native-svg

Link native code for SVG:

react-native link react-native-svg

Description

  • Can accept external Props size, width, fill, prefill, beginColor, endColor, segments, backgroundColor
  • Migrated to expo
  • Migrated to react-native-svg
  • Used multiple paths and different linear gradients to implement the conical gradient

Todo

  • Customize component
  • Some performance tricks
  • Accept Component Props
  • Move to Expo

Status

iOS gif

References

Keywords

FAQs

Last updated on 20 Sep 2022

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc