hippy-react-loop-text
v1.0.2
Published
长文本无限滚动展示组件
Downloads
7
Readme
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 | |