From 3e064ef7696e08f4258489304ca215092009310e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=9F=B3=E7=A0=B4=E5=A4=A9?= Date: Sun, 14 Jan 2018 21:31:23 +0800 Subject: [PATCH] Bug Fix: Fix default numberOfCellPoolSize error when empty. --- App.js | 4 +- README-cn.md | 3 + README.md | 3 + ios/LargeListDemo/AppDelegate.m | 4 +- react-native-largelist/largelist/LargeList.js | 13 +- .../largelist/LargeListCell.js | 3 +- samples/DataSource.js | 2752 ++++++++--------- samples/LargeListSample.js | 2 +- samples/LargeListSample2.js | 1 - samples/LargeListSample3.js | 12 +- 10 files changed, 1403 insertions(+), 1394 deletions(-) diff --git a/App.js b/App.js index a4fb1535..221b32cb 100644 --- a/App.js +++ b/App.js @@ -44,9 +44,9 @@ export default class App extends React.Component { /> ); case 3: - return ; + return ; case 4: - return ; + return ; case 5: return } diff --git a/README-cn.md b/README-cn.md index 88558ebc..d537bbe5 100644 --- a/README-cn.md +++ b/README-cn.md @@ -344,6 +344,9 @@ onScroll | ({nativeEvent:{contentOffset:{x:number,y:number}}})=> any | | 滑动 ## 更新日志 +### 版本 1.2.4 +* 修复初始化时是空视图，numberOfCellPoolSize默认值过小的问题 + ### 版本 1.2.3 * 修复TypeScript类型声明错误 diff --git a/README.md b/README.md index fcc2aabf..dd674e77 100644 --- a/README.md +++ b/README.md @@ -336,6 +336,9 @@ Get LargeList's footer height ## Update Log +### Version 1.2.4 +* Fix default numberOfCellPoolSize error when empty. + ### Version 1.2.3 * Fix typescript type define. diff --git a/ios/LargeListDemo/AppDelegate.m b/ios/LargeListDemo/AppDelegate.m index 64a8cf2b..4516d3ff 100644 --- a/ios/LargeListDemo/AppDelegate.m +++ b/ios/LargeListDemo/AppDelegate.m @@ -18,8 +18,8 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:( { NSURL *jsCodeLocation; #ifdef DEBUG - jsCodeLocation = [NSURL URLWithString:@"http://10.16.64.93:8081/index.bundle?platform=ios&dev=true"]; -// jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.103:8081/index.bundle?platform=ios&dev=true"]; +// jsCodeLocation = [NSURL URLWithString:@"http://10.16.64.93:8081/index.bundle?platform=ios&dev=true"]; + jsCodeLocation = [NSURL URLWithString:@"http://192.168.1.103:8081/index.bundle?platform=ios&dev=true"]; // jsCodeLocation = [NSURL URLWithString:@"http://172.20.10.4:8081/index.bundle?platform=ios&dev=true"]; #else jsCodeLocation = [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; diff --git a/react-native-largelist/largelist/LargeList.js b/react-native-largelist/largelist/LargeList.js index 150aaae9..94c95f9a 100644 --- a/react-native-largelist/largelist/LargeList.js +++ b/react-native-largelist/largelist/LargeList.js @@ -211,8 +211,8 @@ class LargeList extends React.Component { this.contentSize = { width: 0, height: 0 }; this.lastScrollTime = 0; this.currentSection = 0; - this.minCellHeight = 100; - this.minSectionHeight = 100; + this.minCellHeight = 40; + this.minSectionHeight = 40; this.sizeConfirmed = false; this.headerHeight = null; this.footerHeight = null; @@ -513,7 +513,8 @@ class LargeList extends React.Component { }); this.workRefs.forEach(item => { if (this._compareIndexPath(item.indexPath, this.topIndexPath) < 0) { - this.freeRefs.splice(0, 0, item); + // this.freeRefs.splice(0, 0, item); + this.freeRefs.push(item); } }); this.freeRefs.forEach(cell => { @@ -627,7 +628,8 @@ class LargeList extends React.Component { this.workRefs.forEach(item => { if (this._compareIndexPath(item.indexPath, this.bottomIndexPath) > 0) { - this.freeRefs.splice(0, 0, item); + // this.freeRefs.splice(0, 0, item); + this.freeRefs.push(item); } }); this.freeRefs.forEach(cell => { @@ -1017,7 +1019,8 @@ class LargeList extends React.Component { this.initVar(); this.safeArea = { top: 0, bottom: 0 }; this.workRefs.forEach(cell => { - this.freeRefs.splice(0, 0, cell); + // this.freeRefs.splice(0, 0, cell); + this.freeRefs.push(cell); }); this.freeRefs.forEach(cell => { cell.waitForRender = true; diff --git a/react-native-largelist/largelist/LargeListCell.js b/react-native-largelist/largelist/LargeListCell.js index eab96c97..58d9ff63 100644 --- a/react-native-largelist/largelist/LargeListCell.js +++ b/react-native-largelist/largelist/LargeListCell.js @@ -127,7 +127,7 @@ class LargeListCell extends React.Component { render() { let { section, row } = this.indexPath; let show = - this.top !== -10000 && + // this.top !== -10000 && section >= 0 && section < this.props.numberOfSections() && row >= 0 && @@ -140,6 +140,7 @@ class LargeListCell extends React.Component { > {show && this.props.renderCell(this.indexPath.section, this.indexPath.row)} + {show && this._renderItemSeparator()} ); let contentStyle = this.contentSize.width diff --git a/samples/DataSource.js b/samples/DataSource.js index 01dcb7cd..29fb4ca3 100644 --- a/samples/DataSource.js +++ b/samples/DataSource.js @@ -38,7 +38,7 @@ let message = [ ]; let messages = []; -for (let i = 0; i < 70; ++i) { +for (let i = 0; i < 1000; ++i) { messages.push(message[Math.floor(Math.random() * 5)]); } @@ -153,1381 +153,1381 @@ let contacts = [ } ] }, - // { - // header: "C", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ckali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Cppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "D", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Dppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "E", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Epple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Epp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Eee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Eliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Emliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Enni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ekali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ell", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Eba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Eppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "F", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Fppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "G", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Gppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "H", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Hppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "I", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ipple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ipp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Iee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Iliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Imliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Inni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ikali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ill", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Iba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ippqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "J", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Jppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "K", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Knni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Kppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "L", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Lppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "M", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Mppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "N", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Npple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Npp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Nee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Nliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Nmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Nnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Nkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Nll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Nba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Nppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "O", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Opple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Opp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Oee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Oliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Omliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Onni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Okali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Oll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Oba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Oppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "P", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ppple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ppp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Pee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Pliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Pmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Pnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Pkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Pll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Pba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Pppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "Q", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Qppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "R", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ree", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Rppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "S", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Spple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Spp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "See", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Sliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Smliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Snni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Skali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Sll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Sba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Sppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "T", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Tppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "U", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Upple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Upp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Uee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Uliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Umliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Unni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ukali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ull", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Uba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Uppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "V", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Vppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "W", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Wppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "X", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xnni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Xppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "Y", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ypple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ypp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Yee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Yliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ymliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ynni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Ykali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Yll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Yba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Yppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "Z", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zpple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zpp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zliy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zmliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Znni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zkali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "Zppqq", - // phone: "13333333333" - // } - // ] - // }, - // { - // header: "#", - // info: [ - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#pple", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#pp", - // phone: "13333333443" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#ee", - // phone: "13333333553" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#liy", - // phone: "13336633333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#mliy", - // phone: "13333333003" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#nni", - // phone: "13123333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#kali", - // phone: "13322333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#ll", - // phone: "13333333333" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#ba", - // phone: "13333333310" - // }, - // { - // icon: iconArray[Math.floor(Math.random() * 11)], - // name: "#ppqq", - // phone: "13333333333" - // } - // ] - // } + { + header: "C", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ckali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Cppqq", + phone: "13333333333" + } + ] + }, + { + header: "D", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Dppqq", + phone: "13333333333" + } + ] + }, + { + header: "E", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Epple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Epp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Eee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Eliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Emliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Enni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ekali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ell", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Eba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Eppqq", + phone: "13333333333" + } + ] + }, + { + header: "F", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Fppqq", + phone: "13333333333" + } + ] + }, + { + header: "G", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Gppqq", + phone: "13333333333" + } + ] + }, + { + header: "H", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Hppqq", + phone: "13333333333" + } + ] + }, + { + header: "I", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ipple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ipp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Iee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Iliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Imliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Inni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ikali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ill", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Iba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ippqq", + phone: "13333333333" + } + ] + }, + { + header: "J", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Jppqq", + phone: "13333333333" + } + ] + }, + { + header: "K", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Knni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Kppqq", + phone: "13333333333" + } + ] + }, + { + header: "L", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Lppqq", + phone: "13333333333" + } + ] + }, + { + header: "M", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Mppqq", + phone: "13333333333" + } + ] + }, + { + header: "N", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Npple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Npp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Nee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Nliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Nmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Nnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Nkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Nll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Nba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Nppqq", + phone: "13333333333" + } + ] + }, + { + header: "O", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Opple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Opp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Oee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Oliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Omliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Onni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Okali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Oll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Oba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Oppqq", + phone: "13333333333" + } + ] + }, + { + header: "P", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ppple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ppp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Pee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Pliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Pmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Pnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Pkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Pll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Pba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Pppqq", + phone: "13333333333" + } + ] + }, + { + header: "Q", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Qppqq", + phone: "13333333333" + } + ] + }, + { + header: "R", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ree", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Rppqq", + phone: "13333333333" + } + ] + }, + { + header: "S", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Spple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Spp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "See", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Sliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Smliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Snni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Skali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Sll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Sba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Sppqq", + phone: "13333333333" + } + ] + }, + { + header: "T", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Tppqq", + phone: "13333333333" + } + ] + }, + { + header: "U", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Upple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Upp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Uee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Uliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Umliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Unni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ukali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ull", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Uba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Uppqq", + phone: "13333333333" + } + ] + }, + { + header: "V", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Vppqq", + phone: "13333333333" + } + ] + }, + { + header: "W", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Wppqq", + phone: "13333333333" + } + ] + }, + { + header: "X", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xnni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Xppqq", + phone: "13333333333" + } + ] + }, + { + header: "Y", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ypple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ypp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Yee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Yliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ymliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ynni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Ykali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Yll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Yba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Yppqq", + phone: "13333333333" + } + ] + }, + { + header: "Z", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zpple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zpp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zliy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zmliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Znni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zkali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "Zppqq", + phone: "13333333333" + } + ] + }, + { + header: "#", + info: [ + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#pple", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#pp", + phone: "13333333443" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#ee", + phone: "13333333553" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#liy", + phone: "13336633333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#mliy", + phone: "13333333003" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#nni", + phone: "13123333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#kali", + phone: "13322333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#ll", + phone: "13333333333" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#ba", + phone: "13333333310" + }, + { + icon: iconArray[Math.floor(Math.random() * 11)], + name: "#ppqq", + phone: "13333333333" + } + ] + } ]; let foods = [ diff --git a/samples/LargeListSample.js b/samples/LargeListSample.js index 55c90dbc..c27d1b23 100644 --- a/samples/LargeListSample.js +++ b/samples/LargeListSample.js @@ -63,7 +63,7 @@ class LargeListSample extends React.Component { setTimeout(() => this.setState({ refreshing: false }), 2000); }} numberOfRowsInSection={section => this.props.numberOfEachSection} - numberOfSections={this.props.numberOfSections} + numberOfSections={()=>this.props.numberOfSections} heightForCell={(section, row) => row % 2 ? this.minCellHeight : this.maxCellHeight} renderCell={this.renderItem.bind(this)} diff --git a/samples/LargeListSample2.js b/samples/LargeListSample2.js index a1730fd0..efbb0443 100644 --- a/samples/LargeListSample2.js +++ b/samples/LargeListSample2.js @@ -11,7 +11,6 @@ import React from "react"; import { View, Image, Text, ScrollView, TouchableOpacity } from "react-native"; import { LargeList } from "../react-native-largelist"; import { messages } from "./DataSource"; -import Swipeout from "react-native-swipeout"; class LargeListSample2 extends React.Component { messages; diff --git a/samples/LargeListSample3.js b/samples/LargeListSample3.js index 6ec14db4..242825a3 100644 --- a/samples/LargeListSample3.js +++ b/samples/LargeListSample3.js @@ -100,11 +100,11 @@ class LargeListSample3 extends React.Component { {this.contacts[section].info[row].phone} - {(row < this.contacts[section].info.length - 1 || - section === this.contacts.length - 1) && - } + {/*{(row < this.contacts[section].info.length - 1 ||*/} + {/*section === this.contacts.length - 1) &&*/} + {/*}*/} ); } @@ -113,7 +113,7 @@ class LargeListSample3 extends React.Component { return (