1.2.9 • Published 3 months ago

react_native_pandey_marquee v1.2.9

Weekly downloads
-
License
ISC
Repository
github
Last release
3 months ago

React Native Pandey Marquee component, a cross-platform marquee component, powered by Reanimated:

  • 🔋 Powered by Reanimated 3
  • 📱 Works with Expo
  • ✅ Cross-platform (iOS, Android, Web)
  • ⚡️ 60-120fps
  • 🪝 Works with any React Native element/component
  • ⌨️ Written in TypeScript

Installation

npm install react_native_pandey_marquee

For using linear gradient, you also need to install react-native-linear-gradient:

npm install react-native-linear-gradient

Also, you need to install react-native-reanimated, and follow their installation instructions.

This addition provides clear instructions for users to install both react-native-reanimated and react-native-linear-gradient libraries.

Usage

import  Marquee  from 'react_native_pandey_marquee';
import {Text} from 'react-native'

// ...

export function Example() {
  return (
    <Marquee spacing={0} speed={0.7} direction='left'autofill={false} linearGradientColors={['#FF5733', '#FFC300']}>
      <Text style={{fontSize:16, color:'#000',}}>Hello World</Text>
    </Marquee>
  );
}

 //...
export function Example() {
  return (
    <Marquee spacing={0} speed={0.7} direction='left'autofill={false} backgroundColor={'#000'}>
      <Text style={{fontSize:16, color:'#fff',}}>Hello World</Text>
    </Marquee>
  );
}

Props

namedescriptionrequiredtypedefault
childrenAny component that you'd like to apply infinite scrolling / marquee effectYESReact.ReactNode1
speedAnimation speedNOnumber1
spacingSpacing between repeting elementsNOnumber0
styleView style to be applied to Marquee container.NOStyleProp<ViewStyle>
directionMove text from both direction.NOstringleft
autofillText Width ControlNOboolean
linearGradientColorsAdd Gradient Color in the backgroundNOstring
backgroundColorAdd Gradient Color in the backgroundNOstring

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

ISC


@types/reactabort-controlleracceptsacornanseransi-fragmentsansi-regexansi-stylesanymatchappdirsjsargparseasapast-typesastral-regexasync-limiterbabel-corebabel-plugin-polyfill-corejs2babel-plugin-polyfill-corejs3babel-plugin-polyfill-regeneratorbabel-plugin-transform-flow-enumsbalanced-matchbase64-jsblbrace-expansionbracesbrowserslistbserbufferbuffer-frombytescaller-callsitecaller-pathcallsitescamelcasecaniuse-litechalkchrome-launcherchromium-edge-launcherci-infocli-cursorcli-spinnerscliuicloneclone-deepcolor-convertcolor-namecolorettecommand-existscommandercommondircompressiblecompressionconcat-mapconnectconvert-source-mapcore-js-compatcore-util-iscosmiconfigcross-spawncsstypedayjsdebugdecamelizedeepmergedefaultsdenodeifydepddeprecated-react-native-prop-typesdestroyee-firstelectron-to-chromiumemoji-regexencodeurlenvinfoerror-exerror-stack-parsererrorhandlerescaladeescape-htmlescape-string-regexpesprimaesutilsetagevent-target-shimexecafast-xml-parserfb-watchmanfill-rangefinalhandlerfind-cache-dirfind-upflow-enums-runtimeflow-parserfreshfs-extrafs.realpathfseventsfunction-bindgensyncget-caller-fileget-streamglobglobalsgraceful-fshas-flaghasownhermes-estreehermes-parserhermes-profile-transformerhttp-errorshuman-signalsieee754image-sizeimport-freshimurmurhashinflightinheritsinvariantipis-arrayishis-core-moduleis-directoryis-dockeris-fullwidth-code-pointis-interactiveis-numberis-plain-objectis-streamis-unicode-supportedis-wslisarrayisexeisobjectjest-environment-nodejest-get-typejest-message-utiljest-mockjest-utiljest-validatejest-workerjoijs-tokensjs-yamljsc-androidjsc-safe-urljscodeshiftjsescjson-parse-better-errorsjson5jsonfilekind-ofkleurlevenlighthouse-loggerlocate-pathlodash.debouncelodash.throttlelog-symbolslogkittyloose-envifylru-cachemake-dirmakeerrormarkymemoize-onemerge-streammetrometro-babel-transformermetro-cachemetro-cache-keymetro-configmetro-coremetro-file-mapmetro-minify-tersermetro-resolvermetro-runtimemetro-source-mapmetro-symbolicatemetro-transform-pluginsmetro-transform-workermicromatchmimemime-dbmime-typesmimic-fnminimatchminimistmkdirpmsnegotiatorneo-asyncnocachenode-abort-controllernode-dirnode-fetchnode-int64node-releasesnode-stream-zipnormalize-pathnpm-run-pathnullthrowsob1object-assignon-finishedon-headersonceonetimeopenorap-limitp-locatep-tryparse-jsonparseurlpath-existspath-is-absolutepath-keypath-parsepicocolorspicomatchpifypiratespkg-dirpretty-formatprocess-nextick-argspromisepromptsprop-typesqueuerange-parserreactreact-devtools-corereact-isreact-nativereact-native-linear-gradientreact-native-reanimatedreact-refreshreact-shallow-rendererreadable-streamreadlinerecastregenerateregenerate-unicode-propertiesregenerator-runtimeregenerator-transformregexpu-coreregjsparserrequire-directoryrequire-main-filenameresolveresolve-fromrestore-cursorrimrafsafe-bufferschedulersemversendserialize-errorserve-staticset-blockingsetprototypeofshallow-cloneshebang-commandshebang-regexshell-quotesignal-exitsisteransislashslice-ansisource-mapsource-map-supportsprintf-jsstack-utilsstackframestacktrace-parserstatusesstring_decoderstring-widthstrip-ansistrip-final-newlinestrnumsudo-promptsupports-colorsupports-preserve-symlinks-flagtemptemp-dirterserthroatthrough2tmplto-fast-propertiesto-regex-rangetoidentifiertr46tslibtype-detecttype-festundici-typesunicode-canonical-property-names-ecmascriptunicode-match-property-ecmascriptunicode-match-property-value-ecmascriptunicode-property-aliases-ecmascriptuniversalifyunpipeupdate-browserslist-dbutil-deprecateutils-mergevaryvlqwalkerwcwidthwebidl-conversionswhatwg-fetchwhatwg-urlwhichwhich-modulewrap-ansiwrappywrite-file-atomicwsxtendy18nyallistyamlyargsyargs-parseryocto-queue
1.2.9

3 months ago

1.2.8

3 months ago

1.2.7

3 months ago

1.2.5

3 months ago

1.2.4

3 months ago

1.2.1

3 months ago

1.2.0

3 months ago

1.0.0

3 months ago

1.0.1

3 months ago