Skip to content

moschan/react-native-newsticker

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
doc
 
 
 
 
lib
 
 
 
 
 
 
 
 
 
 
 
 

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

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published