我有一个平面列表组件,我想让它自动滚动.

<FlatList
        contentContainerStyle={{}}
        data={banners}
        renderItem={(item) => (
          <Image source={{ uri: item.item }} style={styles.image} />
        )}
        horizontal
        showsHorizontalScrollIndicator={false}
        snapToInterval={width}
        snapToAlignment={'center'}
        decelerationRate={'fast'}
      />

这是迄今为止我需要的组件什么属性而不是setInterval还有其他 idea 吗?

我搜索了go 年的一些旧解决方案,但它们已经过时了.我希望拥有代码行更少且更容易应用的东西.

推荐答案

如果您想要最少的代码行并且不想自己处理触发滚动,则应该使用这样的 carousel 包:

https://github.com/dohooo/react-native-reanimated-carousel#readme

Javascript相关问答推荐

如何使用JavaScript向html元素添加样式

使用Apps Script缩短谷歌表中的URL?

如何使用JavaScript动态地将CSS应用于ToDo列表?

在具有焦点和上下文的d3多线图表中,如何将上下文的刷新限制在特定日期?

网页自检测外部元素无法加载

Angular 17—每当一个布尔变量变为真时触发循环轮询,只要它保持为真

分层树视图

我在我的Java代码中遇到了问题,代码的一部分看不到先前定义的对象

用于编辑CSS样式的Java脚本

连接到游戏的玩家不会在浏览器在线游戏中呈现

如何将数据块添加到d3力有向图中?

元素字符串长度html

搜索功能不是在分页的每一页上进行搜索

try 将Redux工具包与MUI ToggleButtonGroup组件一起使用时出错

当从其他文件创建类实例时,为什么工作线程不工作?

如何使用画布在另一个内部绘制一个较小但相同的形状,同时保持恒定的边界厚度?

P5JS-绘制不重叠的圆

JAVASCRIPT SWITCH CASE语句:当表达式为';ALL';

连续添加promise 时,如何在所有promise 都已结算时解除加载覆盖

使用Java脚本在div中创建新的span标记