{"_id":"@dfeidao/fd-m000019","_rev":"1-152a83ef004e31923cf32739be7ebcbf","name":"@dfeidao/fd-m000019","dist-tags":{"latest":"4.6.201907081542"},"versions":{"4.6.201907081542":{"name":"@dfeidao/fd-m000019","version":"4.6.201907081542","description":"分组列表组件 SectionList","scripts":{"test":"../../node_modules/.bin/tsc -w","lint":"../../node_modules/.bin/tslint -p tsconfig.json","compile":"../../node_modules/.bin/tsc","build":"npm run lint && npm run compile"},"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets-mobile"},"keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"author":{"name":"taoqf","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"license":"MIT","peerDependencies":{},"dependencies":{"react-native-keyboard-aware-scroll-view":"0.8.0"},"_id":"@dfeidao/fd-m000019@4.6.201907081542","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-HfUtAxYHyfuBsijFOu1go7yo5mKvL2kFqf7IeqshjdXxPfENz2nqThX0SwpsqsrLVvLO4zXeOOjuWT79RV9E8Q==","shasum":"3c65dcad09304d723a547977f6c0752af1074239","tarball":"https://registry.npmjs.org/@dfeidao/fd-m000019/-/fd-m000019-4.6.201907081542.tgz","fileCount":7,"unpackedSize":5858,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIvRDCRA9TVsSAnZWagAAzMcP/0Ou2x/wpNXJs/6vUnZe\nD5MXuwBQp202h379ge4GmxIgx4z93qVug1lqyeJzKU2huzmcBzGNSpXfmSdK\nakQVwZA5YxAqOcSUcv/KlNmXUsMZkDtktsedrVSJWtfAMrT5AP46A+5RYC9z\n7ElwiRS44iVYWBwK5fkj4Fm/b8nruo0CjtBjZKHyJWmBFNgZrf72uMnTAv5B\n8vQKf+/tDIMk9KvsX89neMXnishHvWE5XtM1xlb+vCYJj6Du1jQ4gf0j3l0Z\nUn7U8T+CstPeSwSDs4HJsYDjmxmdQyIeXskafOwtjtpSdmCf0JXa6dc65Yp0\nVPEtyx/ZB+V5UdRhFU+YdVWt24clrfkOsRvgHQdY7JJdNJtsHzjnsdo4cfWc\nNC8bbUaGSndhvDA9WSZvkXk7cSK85MEOFUQ1b9OOsEVyo2XMvjTFzqNWUL17\nWMitU6cO0chPDREi4Fwotwro1miXPt19yB2mvar6S/C47Tl5Ncj0v/41d166\nPgwr1HiafQZ+ov5FlyfvnnoDInBIORFDaGplE7ITsKNkVtOoelsK2liSIbgM\nSilZhcrFP5azLALEDEY9V+PF5bKljV+5I1WhlY+zbPLFs1RgQIwuDE+mfEnw\nk1i+L6uhV4+zSEkQ1/2lLXTTocXG/6UTP7uARlaVeVHlBNXqrfrdSUXKflrE\n0zqz\r\n=5N20\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCz/D4LzIFF9CekBQX6h/V8bpULlNFs7hZKN0D+7k5lYwIhAL1sfdPwBJEQQy7UsgZtuimaE1Zs1s94cbs4Wv308g3c"}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-m000019_4.6.201907081542_1562571842980_0.3213986328271279"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-08T07:44:02.782Z","4.6.201907081542":"2019-07-08T07:44:03.103Z","modified":"2022-04-05T04:16:21.029Z"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"description":"分组列表组件 SectionList","keywords":["feidao","01feidao","dfeidao","atom","飞道","控件","ai"],"repository":{"type":"git","url":"https://gitee.com/dfeidao/widgets-mobile"},"author":{"name":"taoqf","email":"tao_qiufeng@126.com","url":"http://www.01feidao.com/"},"license":"MIT","readme":"## Installation\n\n```sh\nyarn add --dev @dfeidao/fd-m000019\n```\n## fd-m000019 分组列表组件SectionList\n\n```tsx\nimport SectionList from '@dfeidao/fd-m000019';\n\n<SectionList\n\trenderItem={({ item, index }) => <Text key={index}>{item as ReactNode}</Text>}\n\trenderSectionHeader={({ section: { title } }) => (\n\t\t<Text style={{ fontWeight: 'bold' }}>{title}</Text>\n\t)}\n\tsections={[\n\t\t{ title: 'Title1', data: ['item1', 'item2'] },\n\t\t{ title: 'Title2', data: ['item3', 'item4'] },\n\t\t{ title: 'Title3', data: ['item5', 'item6'] }\n\t]}\n\tkeyExtractor={(item, index) => (item as string) + index}\n/>\n```\n\n## Installation\n\n```sh\nyarn add --dev @dfeidao/fd-m000019\n```\n\n## Attributes\n\n### sections\n\n用来渲染的数据，类似于FlatList中的data属性。\n\n### renderItem\n\n用来渲染每一个section中的每一个列表项的默认渲染器。可以在section级别上进行覆盖重写。必须返回一个react组件。\n\n### renderSectionHeader\n\n在每个section的头部渲染。在iOS上，这些headers是默认粘接在ScrollView的顶部的. \n\n### ItemSeparatorComponent\n\n行与行之间的分隔线组件不会出现在第一行之前和最后一行之后\n\n### ListEmptyComponent\n\n列表为空时渲染该组件\n\n### ListFooterComponent\n\n尾部组件\n\n### ListHeaderComponent\n\n头部组件\n\n### initialNumToRender\n\n指定一开始渲染的元素数量，最好刚刚够填满一个屏幕，这样保证了用最短的时间给用户呈现可见的内容。注意这第一批次渲染的元素不会在滑动过程中被卸载，这样是为了保证用户执行返回顶部的操作时，不需要重新渲染首批元素。\n\n### onEndReached\n\n当列表被滚动到距离内容最底部不足onEndReachedThreshold的距离时调用。\n\n### onEndReachedThreshold\n\n决定当距离内容最底部还有多远时触发onEndReached回调。注意此参数是一个比值而非像素单位。比如，0.5 表示距离内容最底部的距离为当前列表可见长度的一半时触发。\n\n### onRefresh\n\n如果设置了此选项，则会在列表头部添加一个标准的RefreshControl控件，以便实现“下拉刷新”的功能。同时你需要正确设置refreshing属性。\n\n### refreshing\n\n在等待加载新数据时将此属性设为 true，列表就会显示出一个正在加载的符号。\n\n## 详细信息可以查看官方文档 <https://reactnative.cn/docs/sectionlist/>","readmeFilename":"readme.md"}