react-native ListView bug解决办法
来源:互联网 发布:java对于大数的处理 编辑:程序博客网 时间:2024/05/22 03:45
昨天实现ListView加载图片时,出现了一个坑爹的问题,数据源如果在类里声明好,加载无问题,但是用网络请求获取数据后,界面显示图片不全。
显示没问题时的数据源
const data = [{ url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460'}, { url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460'}, { url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460'}, { url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460'}, { url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460'}, { url: 'https://avatars2.githubusercontent.com/u/7970947?v=3&s=460'}]; ... constructor(props) { super(props); let ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); this.state = { dataSource: ds.cloneWithRows(data), }; } ...
显示有问题时的数据源
... constructor(props) { super(props); let ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); this.state = { dataSource: ds, }; } ... // 获取数据成功方法 getOrderPictureSuccessCallBack(result) { if(result){ this.setState({ dataSource: this.state.dataSource.cloneWithRows(result), }); } } ...
查了很多资料,还是没发现问题出在哪,后来将renderRow中的Image改为Text,还是显示不全,但这时我滑动了屏幕,竟然显示完全了,然后就去搜了下问题,果然有解决方案:在listView中添加removeClippedSubviews属性。
<ListView removeClippedSubviews={false} dataSource={this.state.dataSource} renderRow={this.renderRow} contentContainerStyle={styles.listViewStyle} />
问题解决,再将Text换回Image。
阅读全文
0 0
- react-native ListView bug解决办法
- react-native启动android service bug解决办法
- react native bug
- React Native BUG(001)
- React-native ListView缓存复用根本解决办法
- react-native listView 分节
- React-Native 中的ListView
- React-native listview换行
- react-native 水平ListView
- React-Native ListView学习
- React-Native ListView
- React native ListView初识
- React-Native 之ListView
- react-native listview使用
- React Native 组件 ListView
- 初识react-native ListView
- React-native 出bug 记录
- React Native之手势bug
- Linux下的远程工具汇总(还可跨平台的)
- Unity接腾讯云语音
- map和set异同
- 关于String的面试题
- 【POJ 3356】AGTC
- react-native ListView bug解决办法
- oracle 双竖线 || 的作用
- Ubuntu 14.04 安装maven
- Mybatis Generator最完整配置详解
- MFC/控件使用个之TREEctrl
- 深度对抗学习在图像分割和超分辨率中的应用
- Handler消息机制
- samtools 学习记录
- StringBoot实现多表查询