The News Ticker component for React Native
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
doc update README Jan 10, 2016
example add sync command to package.json Aug 27, 2016
lib add compatibility with RN v0.24.0+ Jul 3, 2016
.gitignore initialize Dec 18, 2015
LICENSE Initial commit Dec 18, 2015
README.md tweak README Aug 28, 2016
index.js implemented back function Jan 10, 2016
package.json 1.3.0 Jul 3, 2016

README.md

react-native-newsticker

The News Ticker component for React Native

npmnpm

NPM

Demo

Demo

Demo

Installation

in Cli

npm i react-native-newsticker

in JavaScirpt

import Newsticker from 'react-native-newsticker';

Usage

Default

<Newsticker text={'This is a really awesome Newsticker !!'} />

Customized

<Newsticker
  style={styles.alignLeft}
  typeInterval={100}
  blinkInterval={500}
  onFinish={() => {this.onFinish()}}
  cursor={true}
  start={this.state.is_begin}
  back={this.state.is_back}
  text={'This is a really awesome Newsticker !!'}
/>

Props

text(String) Default: ''

The text of newsticker

start(boolean) Default: true

If you pass false, newsticker does’nt start. If you pass the false while runnning, newsticker is stopped. You can toggle newsticker using this param.

back(boolean) Default: false

If you pass true when start is true, newsticker start to backward.

typeInterval(int) Default: 100

newstick interval

blinkInterval(int) Default: 500

blink interval of cursor

onFinish(function)

if finish newstick, this function is called

cursor(boolean) Default: true

In default, The cursor apeer in right of text. when newsticker is end, cursor starts blink. if you pass false, cursor is not shown.

style Default: ''

Style of text

Contributing

Of course! Welcome :)

You can use following command in example dir:

npm run sync

During running this command, when you change source to implement/fix something, these changes will sync to example/node_modules/react-native-newsticker/. You can check your change using example project easily.

License

MIT