文字大于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 |