index.js

'use strict';

const React = require('react');
const {
    PropTypes,
} = React;
const ReactNative = require('react-native');
const {
    View,
    requireNativeComponent,
} = ReactNative;

const MarqueeLabel = React.createClass({
    propTypes: {
        ...View.propTypes,
        text : PropTypes.string.isRequired,
        scrollDuration : PropTypes.number, // 秒
        marqueeType : PropTypes.number, // ios
        fadeLength : PropTypes.number, // ios
        leadingBuffer : PropTypes.number, // ios
        trailingBuffer : PropTypes.number, // ios
        animationDelay : PropTypes.number, // ios
        isRepeat : PropTypes.bool, // android
        startPoint : PropTypes.number, // android
        direction : PropTypes.number, //android
    },
    render: function () {
        const { children, ...props } = this.props;
        const nativeProps = Object.assign({}, props, { text: children });
        return (
            <RCTMarqueeLabel {...nativeProps} />
        );
    },
});

const RCTMarqueeLabel = requireNativeComponent('RCTMarqueeLabel', MarqueeLabel);
module.exports = MarqueeLabel;