hippy-react-loop-text

1.0.2 • Public • Published

hippy-text-loop-scroll-view hippy文字无限滚动组件

文字大于width宽度,将文字重复无限滚动展示。反之,则没有滚动 截图: 示例截图

安装

npm i hippy-react-loop-text

示例

引入之后就能使用了

    <TextLoopScrollView
        frontImageUrl={ICON_MESSAGE} //滚动栏前面的icon图片
        scrollWidth={200} // 滚动栏内容宽度
        message={`滚动的文字`}
        onClickHandler={() => {
            // 点击文案的回调函数
            console.log(`TextLoopScrollView click`)
        }}
    />

参数

Parameter Description Types Defaults
frontImageUrl 滚动栏前面的icon图片地址 string 默认图片
scrollWidth 滚动栏内容的宽度,如果为空则不展示 number
message 内容文本,如果为空则不展示 string
onClickHandler 内容文本点击回调函数 function

Package Sidebar

Install

npm i hippy-react-loop-text

Weekly Downloads

4

Version

1.0.2

License

MIT

Unpacked Size

58 kB

Total Files

4

Last publish

Collaborators

  • movbricks