Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
doc
Jan 10, 2016
Dec 18, 2015
Dec 18, 2015
Aug 28, 2016
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

About

The News Ticker component for React Native

Resources

License

Releases

No releases published

Packages

No packages published
You can’t perform that action at this time.