2023-02-09 react-native 跑马灯

跑马灯插件来自：https://github.com/ZhangTaoK/react-native-marquee-ab

安装：

npm i react-native-marquee-ab --save

使用：

import { MarqueeHorizontal } from 'react-native-marquee-ab';

// ...

    <MarqueeHorizontal

        textList={[

            { label: '1', value: 'item1:一闪一闪亮晶晶，满天都是小星星' },

            { label: '2', value: 'item2:两只老虎跑的快' },

            { label: '3', value: 'item3:蓝蓝的天上白云飘，白云下面小肥羊儿跑' },

        ]}

        speed={60}

        height={50}

        direction={'left'}

        reverse={false}

        bgContainerStyle={{ backgroundColor: '#e4393c' }}

        textStyle={{ fontSize: 16, color: '#fff' }}

    />

如果你发现他报了个找不到react-native-marquee-ab模块的错，而你又确实在node_moudle和packpage.json里面找到这个插件名，那么请你删掉node_moudle，重新yarn install。

具体用法，请直接参考该插件的项目地址：👉戳我