react-native-newsticker
The News Ticker component for React Native
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
Default: ''
text(String) The text of newsticker
Default: true
start(boolean) 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.
Default: false
back(boolean) If you pass true when start
is true, newsticker start to backward.
Default: 100
typeInterval(int) newstick interval
Default: 500
blinkInterval(int) blink interval of cursor
onFinish(function)
if finish newstick, this function is called
Default: true
cursor(boolean) In default, The cursor apeer in right of text. when newsticker is end, cursor starts blink. if you pass false, cursor is not shown.
Default: ''
style 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