@dfeidao/fd-m000009

Marquee

Usage no npm install needed!

<script type="module">
  import dfeidaoFdM000009 from 'https://cdn.skypack.dev/@dfeidao/fd-m000009';
</script>

README

文字跑马灯

https://dfeidao.gitee.io/widgets-mobile/

Installation

yarn add --dev @dfeidao/fd-m000009

Usage

必须传入 text

<Marquee
    text={d<string>('text')}
    width={Dimensions.get('window').width}
    direction={'left'}
    onTextClick={a('a001') as unknown as (text: string) => void}
>
</Marquee>

Attributes

text: string;

显示文字

textStyle?: StyleProp;

文字样式

bgContainerStyle?: StyleProp;

背景样式

direction?: string;

方向('left','right')

duration?: number;

持续时间

height?: number;

控件高度

width?: number;

控件宽度

onTextClick?: (text: string) => void;

点击文字事件

完整使用示例

<Marquee
    text={d<string>('text')}
    width={Dimensions.get('window').width}
    height={100}
    direction='left'
    bgContainerStyle={{ backgroundColor: '#FFFF00' }}
    textStyle={{ fontSize: 16, color: '#FF0000' }}
    onTextClick={a('a001') as unknown as (text: string) => void}
></Marquee>