RN组件之ListView

复制代码
 1 /**
 2  * Created by DaGuo on 2016/4/7.
 3  */
 4 
 5 'use strict'
 6 
 7 import React,{
 8     Component,
 9     View,
10     Text,
11     ListView,
12 
13 } from 'react-native';
14 
15 class ListViewDemo extends Component {
16     constructor (props){
17         super(props);
18         let ds=new ListView.DataSource({rowHasChanged:(r1,r2) => r1!=r2});
19         this.state={
20             dataSoure:ds.cloneWithRows(['row1','row2']),//返回的也是一个ListView
21         };
22     }
23     componentWillMount (){
24 
25     }
26     componentDidMount (){
27          //这里可以异步加载数据或者setTimeout();
28     }
29     _renderRow (rowData){
30 
31     }
32     render (){
33         return (
34            <ListView
35                 dataSource={this.state.dataSource}
36                 renderRow={this._renderRow(rowData)}
37                 initialListSize={300}
38                 onChangeVisibleRows={}
39                 onEndReached={}
40                 onEndReachedThreshold={}
41                 pageSize={}
42                 removeClippedSubViews={{overflow:"hidden"}}
43                 renderFooter={() => renderable}
44                 renderHeader={}
45                 renderScrollComponent ={(props) => renderable}
46                 renderSectionHeader = {}
47                 renderSeparator= {}
48                 scrollRenderAheadDistance ={}
49            >
50 
51            </ListView>
52         );
53     }
54 
55 }
View Code
复制代码

 

posted @   我想我是海~~  阅读(2046)  评论(0编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程
点击右上角即可分享
微信分享提示