react-native - 我们如何在本机反应中自动滚动和自动循环平面列表
问题描述
我想要我的 Flatlist 自动滚动并在水平方向循环,请帮助我提前致谢
<FlatList
style={{marginEnd:5}}
timer={2000}
// width={deviceWidth}
loop={true}
// keyExtractor={this._keyExtractor.bind(this)}
horizontal={true}
onScrollToIndexFailed={info => {
const wait = new Promise(resolve => setTimeout(resolve, 500));
wait.then(() => {
flatListFeaturedMobiles.current?.scrollToIndex({ index: info.index, animated: true });
});
}}
// onScrollToIndexFailed={()=>{}}
flatListRef={React.createRef()}
ref={this.flatListFeaturedMobiles}
autoscroll={true}
showsHorizontalScrollIndicator={false}
data={this.state.featuredMobiles}
horizontal
解决方案
您可以使用 Animated 滚动列表,如检查它如何使列表(FlatList)自动滚动
你也可以使用react-native-autoscroll-flatlist#readme
有关更多详细信息,您可以在此处阅读want-to-autoscroll-flatlist-in-react-native
推荐阅读
- angular - 带有选项卡导航调试的 NativeScript Angular 登录
- python - 库存更新自动化
- laravel - `morphTo` 方法的第一个参数的用例是什么?
- html - 如何更改 p-checkbox css 样式?
- python - How to add description to the User Change Page in Django Admin
- excel - 如何使用数据透视表值在 MS Excel 中应用条件格式公式?
- shell - 每次在文件中增加一个列值
- xamarin.forms - 在 XF Prims 上,如何将 Master Page Viewmodel 传递给 MasterDetailPage 的 ViewModel,以便我可以换出详细信息页面
- rest - PayPal 智能支付按钮与服务器端 REST API 集成
- python - 如何将字符串与中间的任何单词匹配,并将其存储为变量?