Skip to content

hippy-contrib/hippy-react-loop-text

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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

About

Marquee effect for hippy-react

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published