This package has been deprecated

Author message:

this package has been deprecated

react-native-marquee-label

1.0.0 • Public • Published

React Native RefreshableListView

A marquee label for react-native

Installation

npm install react-native-marquee-label --save

ios

Drag RCTMarqueeLabel.xcodeproj to your project on Xcode. Click on your main project file (the one that represents the .xcodeproj) select Build Phases and drag libRCTMarqueeLabel.a from the Products folder inside the RCTRefreshControl.xcodeproj.

android

come soon

Usage

Example

'use strict';
 
var React = require('react-native');
var {
    StyleSheet,
    View
} = React;
 
var MarqueeLabel = require('react-native-marquee-label');
module.exports = React.createClass({
    render: function() {
        return (
            <View style={styles.container}>
                <MarqueeLabel style={styles.marqueeLabel}
                     text="fangyunjiang is a good developer"
                     marqueeType="MLContinuous"
                     scrollDuration={3.0}
                     fadeLength={0.0}
                     leadingBuffer={0.0}
                     trailingBuffer={50}
                     textColor='red'
                     font={{fontSize:80, fontWeight: 0.4}}
                     />
            </View>
        );
    }
});
 
var styles = StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        backgroundColor: '#F5FCFF',
    },
 
    marqueeLabel: {
        backgroundColor: '#FFFFE0',
        width:200,
        height:140
    }
});

Screencasts

loading

Props

  • text : PropTypes.string.isRequired
  • marqueeType : PropTypes.number
  • scrollDuration : PropTypes.number
  • fadeLength : PropTypes.number
  • leadingBuffer : PropTypes.number
  • trailingBuffer : PropTypes.number
  • textColor : PropTypes.string
  • font: PropTypes.string

Package Sidebar

Install

npm i react-native-marquee-label

Weekly Downloads

3

Version

1.0.0

License

MIT

Last publish

Collaborators

  • fov42550564