ActionButton.md

Action Button

Usage

...
import { ActionButton } from 'material-elements';
...
render() {
    <View>
        <ActionButton /> // default with icon (default icon is +)
        <ActionButton icon="done" /> // with done icon
    </View>
}

API

const propTypes = {
    /**
    * Array of names of icons (or elements) that will be shown after the main button is pressed
    * Remember, you should specify key for each element, if you use array of elements
    */
    actions: PropTypes.oneOfType([
        PropTypes.arrayOf(PropTypes.string),
        PropTypes.arrayOf(PropTypes.element),
        PropTypes.arrayOf(PropTypes.shape({
            icon: PropTypes.oneOfType([
                PropTypes.string,
                PropTypes.element,
            ]),
            label: PropTypes.string,
            name: PropTypes.string,
        })),
    ]),
    /**
    * 按钮onPress时触发,text作为参数传递
    */
    onPress: PropTypes.func,
    /**
    * 按钮onLongPress时触发,text作为参数传递
    */
    onLongPress: PropTypes.func,
    /**
    * 是否隐藏button
    */
    hidden: PropTypes.bool,
    /**
    * 可为字符串或者Component
    */
    icon: PropTypes.oneOfType([
        PropTypes.string,
        PropTypes.element,
    ]),
    /**
    *
    * 当transition为null时，不会产生动画
    */
    transition: PropTypes.oneOf(['toolbar', 'speedDial']),
    /**
    * 设置水波纹颜色
    */
    rippleColor: PropTypes.string,
    /**
    * 设置button的style
    */
    style: PropTypes.shape({
        container: ViewPropTypes.style,
        icon: Text.propTypes.style,
    }),
};