数据分页加载问题 懒加载

来源:7-4 列表实现&数据渲染【封装与复用】

DrinkingWater

2019-10-25

昨天在调bug的时候 debug发现,进入首页的时候,请求是将java,android,react …等等页面的数据都请求了一遍,上面6个tab,会请求六次接口传不同的参数
我的问题是,这个不应该是点击那个页面才会加载那个页面的数据嘛 比如我点击Android页面,这时候才会去请求q=android的接口

写回答

1回答

CrazyCodeBoy

2019-10-28

可以的,

加上lazy: true参数,开启懒加载:

{
tabBarOptions: {
tabStyle: styles.tabStyle,
upperCaseLabel: false,//是否使标签大写,默认为true
scrollEnabled: true,//是否支持 选项卡滚动,默认false
style: {
backgroundColor: theme.themeColor,//TabBar 的背景颜色
// 移除以适配react-navigation4x
// height: 30//fix 开启scrollEnabled后再Android上初次加载时闪烁问题
},
indicatorStyle: styles.indicatorStyle,//标签指示器的样式
labelStyle: styles.labelStyle,//文字的样式
},
lazy: true
}

https://git.imooc.com/coding-304/GitHub_Advanced/src/master/js/page/PopularPage.js#L93


1
0

RN入门到进阶,打造高质量上线App

解锁React Native开发应用新姿势,React Native新版本热门技术

3144 学习 · 3241 问题

查看课程