{"_id":"@dfeidao/fd-m000018","_rev":"3-7eb7feb824b85da24657712f61c419ee","name":"@dfeidao/fd-m000018","dist-tags":{"latest":"4.6.201908261618"},"versions":{"4.6.201907081542":{"name":"@dfeidao/fd-m000018","version":"4.6.201907081542","description":"列表组件 FlatList","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-m000018@4.6.201907081542","_nodeVersion":"12.6.0","_npmVersion":"6.9.0","dist":{"integrity":"sha512-Ob/sNkRShuxr4FwDRdiFU6dAnQPlbLsf+0AiTmrix5t/tEYInC2yNX+8N/Bp9pqNN2rxtxRmEp1o9zkWAoTafQ==","shasum":"69dfbd75158e266ce91a6678fd37ddcfa50040f3","tarball":"https://registry.npmjs.org/@dfeidao/fd-m000018/-/fd-m000018-4.6.201907081542.tgz","fileCount":7,"unpackedSize":5244,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdIvP/CRA9TVsSAnZWagAAI+AP/2Wdx0ROd/x/xBNuGRRZ\nJ/Gby1zjVpNGrzekVjEyP4A95U7PXiNTxvmLDZ70SjHnXoSEdFagB6uQ+sUG\npFUNVwFVJ8941CwK4w1eFrTV+K5EIJlD9PDXr9R4JF6aZ+fz4UX0fZWEKM5t\nFt+xSNMmw/+3gByqIDmA5weqVzetCpgwBnqUFKh12Q965LUfujhGesbenFia\nVCMt9c+96blVpNXpR8J2pw2FkiOcbu42TUfZN6yhuuYu8yZrimF/koN0nvY8\nCha9lywPHte3O6aQ3suc8L/coGKnbFZJrDETdu3wlfeXgHP21g17yXtcA+NQ\naNTYuJmqDq2GiKoXjsLLkyc9XvNXZqECIwKP5AbcvF4PA2C3lESuMow9NQGG\nLCDwL8URCEW5KYUCZjaBesX/doxe9RlPx42qokS2O01vmcD1w9LI4aUc1SUf\nF+dVKMjijwbaN1UKIr9ArbFirG/pjxL8K1P/n6zbmoQX6ndzoHGOAJ/gmeVW\nkgTiGowUo/3MGU5xfMOaZsxpSTMrkahcq8p9GpaXH7POMppMKTeH000sfwpT\nWFdPDYvMDZv1j+rA4ysCczeLSFMivauzqJfBRENlcyqBEwCDZ6zpVvR9kswd\ntsAopdv9n0bs/Il3Tskewm08Qs9QwsW3lbjxBeHn4/PAY4Lpfsr1QTVm1NJ/\nF14m\r\n=z48G\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDhAmre8wvPPoQGP5ibY1kaGkMsIqYggDUzi4jMDuhnWwIgV+e1fzqC4lLa2OfIBhYazuSNqvTM+ASccvDZpWM6wng="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-m000018_4.6.201907081542_1562571774598_0.9588942883620644"},"_hasShrinkwrap":false},"4.6.201908241624":{"name":"@dfeidao/fd-m000018","version":"4.6.201908241624","description":"列表组件 FlatList","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-m000018@4.6.201908241624","_nodeVersion":"12.8.1","_npmVersion":"6.10.2","dist":{"integrity":"sha512-hglCXe6LwTwQgZ9rm5PGQQTTQuw5dnpkp6AoOi4fQyIezrjwsIXQjlSil0CdsxzpA3UU1Bpk3pySSj+u/3LVLg==","shasum":"e25d2a573e682d2b2f33cd8731d4e3beed42518c","tarball":"https://registry.npmjs.org/@dfeidao/fd-m000018/-/fd-m000018-4.6.201908241624.tgz","fileCount":6,"unpackedSize":15150,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdYPQwCRA9TVsSAnZWagAA6/IP/iUq23wO9xhUHdOQQnGQ\nkmmlIPOMcNoVNsagtC1BdJr5F81V2oZy4Ao+qIzzZcAYpuLuOLm1Vh+drW4c\nCPZjy7HJCwT+p8QfhKCMe5zhkUYD2Up3ugwfxnRpaga4OQpkfVoQLAICbqce\ngKQ/reEUGHZIRgB0B6D2AuS9kagth678oG1dhCdGahGZpo179Lw0LCPPvxac\nq3l9wtN/k8vbY3N9b3xl8Hn76RLCUWgog7hJRweteJ9EdmNo3aRlORQUOwBN\nlo379ecS+mG5LjeOoI04x1CopWlyn3yotlTdsbTEau+n5j1UYAtPYV/wP2qo\nhR9hxusMoVma9cEiXScHl2+zJ4Qt08M2PXtyqJixp1cAu5NqfHz5sdJzSq/i\nAdSp97E/gmykAT/6M7GInEZEgurPpP/2QImBdFMlwmcK4ZLFoOudSQ5uD8Fh\nZ+OTH0va556a22DJTpidBnXhh9HORePYL/DRcc/W9q/aE1sBqSf04ljow0Pp\nYwuALZwMOuNbhj4sE+hc5/pdWv3SgO9vwE2w+hwgiE1x3Fj6jMsWvLek7Rum\nONT1K4G7YMC9DINkrVwQLiNNhiD2isi/45ZNf9cT4pBDi/CWNkejEy4BBMGw\n6qnVbo+7Am5Voj82KqCfEX5BAq7uYoDaMRoI4T5ozmLcXMXCqWlDFvniAMdx\nNoPY\r\n=zdSm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHz4HxbU5JuglfDn+na4c9gC/5GI7Wp7Kr0gNR54AfobAiEA1Wy1zm61p9yjKMn2PBPi13FeawhucEXAnoTCktSzXNA="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-m000018_4.6.201908241624_1566635055367_0.8340807445432987"},"_hasShrinkwrap":false},"4.6.201908261618":{"name":"@dfeidao/fd-m000018","version":"4.6.201908261618","description":"列表组件 FlatList","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-m000018@4.6.201908261618","_nodeVersion":"12.8.1","_npmVersion":"6.10.2","dist":{"integrity":"sha512-CSd8T/33EnKUv4DnpchJ9MllJfc3nj9iFYXjADviG2XgPa+5UCEWQIhcK2V8Y7mH2YyN2qKwkSKl1dwqCz6qHw==","shasum":"3ac257789543766809ec73c2156f37a133b04795","tarball":"https://registry.npmjs.org/@dfeidao/fd-m000018/-/fd-m000018-4.6.201908261618.tgz","fileCount":6,"unpackedSize":15151,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdY5XDCRA9TVsSAnZWagAA3X0P/jrmmuKZxdpqm/S8ToAx\nOhGUKaoLd6M0XDiYndS7LJd1EEVlL8krC7kjo0RL0MtphIVwtXrfZzrsmBu6\nNQKCI57eS4J+pfpMgEkyhYNbEtTlKs+JEjhY9v7Tjg20qNd3ZQovLv1w/FL1\nfsGghb9xq583uTIEbplb8C5M1fjD6mvvs+l9uiG93ynHND4IZoZ8iyNGTAql\nAGrf4R5spCQb2xtetCCmm6ID8FkICtXrCjZtbw98Oh96qX2zD1YhHY4lXwRz\nXC9M8Ns5L0Cg3EM9nPU6CN6fJ4kVSshtnNojsq7FdMug/HJNeGp3xBkVOr22\n42ldGDk8CyDkmFNRWz331a2NIRuTbZzP9RsNNIsDWQN2FZO9QTzp+mtLlyai\nqnx/H6HudqEDtLs3tncLBZvE9D2qoVHt/aSlk0jo7wzl1EZDy2SyMe9Drepf\nUDhosEJampV+bkgFURKIOeUkZswnl7UpFMwWqQp7lXq8YqAXxX7dx4U+/DKg\nIn55mRoqp9mggRgvovgE9IXSOgfJuDYrLokDzYKETiMO+VLEFb+9VXszFkvv\n3pNW3/z6EhSObG/rXMmvdSOJIhdQOuvE8eC9uQrMFXjxS5JzN8PNFNP74BqQ\nsz6eOh40TmaHwkmrJhQ35pQCA3JLhaWdGwzY24vlPr8CxTWW+Q8rZ8IlBteq\nP5pB\r\n=buA8\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIC8EhnmfZfAM7ysdFLq1ZV6XOuTAJ7xr90yu9It7ZqqMAiAqbvPvXFu1NcYCC9GZg9nURNZ3n7pQq09RgR7i4rwIFQ=="}]},"_npmUser":{"name":"taoqf","email":"tao_qiufeng@126.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/fd-m000018_4.6.201908261618_1566807490596_0.44207850737250665"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-08T07:42:54.368Z","4.6.201907081542":"2019-07-08T07:42:54.795Z","modified":"2022-04-05T04:16:20.764Z","4.6.201908241624":"2019-08-24T08:24:15.488Z","4.6.201908261618":"2019-08-26T08:18:10.727Z"},"maintainers":[{"name":"taoqf","email":"tao_qiufeng@126.com"}],"description":"列表组件 FlatList","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-m000018\n```\n\n## fd-m000018 列表组件FlatList\n\n```tsx\nimport FlatList from '@dfeidao/fd-m000018';\n\n<FlatList\n\tdata={[{ text: 'a' }, { text: 'b' }]}\n\trenderItem={({ item }) => <Text>{item.text}</Text>}\n/>\n```\n\n## Attributes\n\n### renderItem\n\n从data中挨个取出数据并渲染到列表中\n\n### data\n\n需要渲染的数据\n\n### ItemSeparatorComponent\n\n行与行之间的分隔线组件不会出现在第一行之前和最后一行之后\n\n### ListEmptyComponent\n\n列表为空时渲染该组件\n\n### ListFooterComponent\n\n尾部组件\n\n### ListHeaderComponent\n\n头部组件\n\n### horizontal\n\n设置为 true 则变为水平布局模式。\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### scrollType\n\n1. scrollType为0的时候,不调用滚动事件\n1. scrollType为1的时候,调用scrollIntoView属性，要和scrollIntoView一起使用\n1. scrollType为2的时候,调用scrollToEnd属性，要和scrollToEnd一起使用\n1. scrollType为3的时候,调用scrollToPosition属性，要和scrollToPosition一起使用\n\n### scrollIntoView\n\n如果设置的跳转到指定节点位置,和scrollType属性一起使用\n\n### scrollToEnd\n\n如果设置了此属性，则跳转到FlatList底部,和scrollType属性一起使用\n\n### scrollToPosition\n\n如果设置了此属性，根据传入的x值和y值来滚动到指定位置,和scrollType属性一起使用\n\n## example\n\n### 滚动到底部\n\n![示例](https://dfeidao.gitee.io/widgets-mobile/images/fd-m000018/20190821100701.gif)\n\n触发事件 a005\n\n```tsx\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport render from '@dfeidao/atom-mobile/render/render';\n\nexport default function a005(fd: IFeidaoAiMobile) {\n\trender(fd, {\n\t\tscrollType: 2,\t\t// scrollType属性值为2代表调用scrollToEnd属性\n\t\tscrollToEnd: true\n\n\t});\n}\n```\n\n页面\n\n```tsx\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport React from 'react';\nimport { Button, Text, TextInput, View } from 'react-native';\nimport FlatList from 'fd-m000018';\n\nexport default function tpl(a: <T>(action: string, ...args: unknown[]) => ((...args: unknown[]) => void), s: (...class_names: string[]) => {}, d: <T>(d: string) => T, fd: IFeidaoAiMobile) {\n\treturn (<View>\n\t\t<Button\n\t\t\ttitle='Scroll to end'\n\t\t\tonPress={a('a005')\n\t\t\t}\n\t\t></Button>\n\t\t<FlatList\n\t\t\tscrollType={d('scrollType')}\n\t\t\tscrollToEnd={d('scrollToEnd')}\n\t\t\tremoveClippedSubviews={false}\n\t\t\tdata={[\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'a' }\n\t\t\t]}\n\t\t\tkeyExtractor={(item, index) => {\n\t\t\t\treturn (item as { key: string }).key + index;\n\t\t\t}}\n\t\t\trenderItem={({ item }) => {\n\t\t\t\tconst temp = item as { key: string };\n\t\t\t\tif (temp.key === 'a') {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: 'blue' }}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Text>{temp.key}</Text>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}}\n\t\t/>\n\t</View >);\n}\n\n```\n\n### 滚动指定位置 a006\n\n![示例](https://dfeidao.gitee.io/widgets-mobile/images/fd-m000018/20190821100702.gif)\n\n响应事件\n\n```tsx\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport render from '@dfeidao/atom-mobile/render/render';\n\nexport default function a006(fd: IFeidaoAiMobile) {\n\trender(fd, {\n\t\tscrollType: 3,\t\t// scrollType属性值为3代表调用scrollToPosition属性\n\t\tscrollToPosition: { x: 0, y: 200, animated: false }\n\t});\n}\n```\n\n页面\n\n```tsx\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport React from 'react';\nimport { Button, Text, TextInput, View } from 'react-native';\nimport FlatList from 'fd-m000018';\n\nexport default function tpl(a: <T>(action: string, ...args: unknown[]) => ((...args: unknown[]) => void), s: (...class_names: string[]) => {}, d: <T>(d: string) => T, fd: IFeidaoAiMobile) {\n\treturn (<View>\n\t\t<Button\n\t\t\ttitle='Scroll to'\n\t\t\tonPress={a('a006')\n\t\t\t}\n\t\t></Button>\n\n\t\t<FlatList\n\t\t\tscrollType={d('scrollType')}\n\t\t\tscrollToPosition={d('scrollToPosition')}\n\t\t\tremoveClippedSubviews={false}\n\t\t\tdata={[\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'center' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t]}\n\t\t\tkeyExtractor={(item, index) => {\n\t\t\t\treturn (item as { key: string }).key + index;\n\t\t\t}}\n\t\t\trenderItem={({ item }) => {\n\t\t\t\tconst temp = item as { key: string };\n\t\t\t\tif (temp.key === 'a') {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t<View style={{ backgroundColor: 'blue' }}>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: 'blue' }}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Text>{temp.key}</Text>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}}\n\t\t/>\n\t</View >);\n}\n\n```\n\n### 滚动到指定的节点\n\n![示例](https://dfeidao.gitee.io/widgets-mobile/images/fd-m000018/20190821100703.gif)\n\n初始化事件节点绑定 a001\n\n```tsx\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport render from '@dfeidao/atom-mobile/render/render';\nimport am053 from '@dfeidao/fd-am000053';\n\nexport default function a001(fd: IFeidaoAiMobile) {\n\tconst blue = am053(fd, 'blue');\t\t// 绑定节点\n\tconst red = am053(fd, 'red');\t\t// 绑定节点\n\trender(fd, {\n\t\tblue,\n\t\tred\n\t});\n}\n```\n\n跳转到red的节点事件 a003\n\n```tsx\nimport am054 from '@dfeidao/fd-am000054';\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport render from '@dfeidao/atom-mobile/render/render';\n\nexport default function a003(fd: IFeidaoAiMobile) {\n\tconst widget = am054(fd, 'red');\t\t// 获取节点信息\n\trender(fd, {\n\t\tscrollType: 1,\t\t\t\t\t\t\t// scrollType属性值为1代表调用scrollIntoView属性\n\t\tscrollIntoView: widget\n\t});\n}\n```\n\n跳转到blue的节点事件 a002\n\n```tsx\nimport am054 from '@dfeidao/fd-am000054';\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport render from '@dfeidao/atom-mobile/render/render';\n\nexport default function a002(fd: IFeidaoAiMobile) {\n\tconst widget = am054(fd, 'blue');\t\t\t// 获取节点信息\n\trender(fd, {\n\t\tscrollType: 1,\t\t\t\t\t\t\t// scrollType属性值为1代表调用scrollIntoView是属性\n\t\tscrollIntoView: widget\n\t});\n}\n```\n\n页面\n\n```tsx\nimport { IFeidaoAiMobile } from '@dfeidao/atom-mobile/interfaces';\nimport React from 'react';\nimport { Button, Text, TextInput, View } from 'react-native';\nimport FlatList from 'fd-m000018';\n\nexport default function tpl(a: <T>(action: string, ...args: unknown[]) => ((...args: unknown[]) => void), s: (...class_names: string[]) => {}, d: <T>(d: string) => T, fd: IFeidaoAiMobile) {\n\treturn (<View>\n\t\t<Button\n\t\t\ttitle='Scroll to Red'\n\t\t\tonPress={a('a003')\n\t\t\t}\n\t\t></Button>\n\n\t\t<Button\n\t\t\ttitle='Scroll to blue'\n\t\t\tonPress={a('a002')\n\t\t\t}\n\t\t></Button>\n\t\t<FlatList\n\t\t\tscrollType={d('scrollType')}\n\t\t\tscrollIntoView={d('scrollIntoView')}\n\t\t\tremoveClippedSubviews={false}\n\t\t\tdata={[\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'center' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'b' },\n\t\t\t\t{ key: 'a' }\n\t\t\t]}\n\t\t\tkeyExtractor={(item, index) => {\n\t\t\t\treturn (item as { key: string }).key + index;\n\t\t\t}}\n\t\t\trenderItem={({ item }) => {\n\t\t\t\tconst temp = item as { key: string };\n\t\t\t\tif (temp.key === 'a') {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t<View ref={d('blue')}\t\t\t// 要跳转的 blue 节点\n\t\t\t\t\t\t\t\tstyle={{ backgroundColor: 'blue' }}>\n\t\t\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\t\t\tstyle={{ backgroundColor: 'blue' }}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<Text>white</Text>\n\t\t\t\t\t\t\t<View ref={d('red')}\t\t\t// 要跳转的 red 节点\n\t\t\t\t\t\t\t\tstyle={{ backgroundColor: 'red' }}>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t\t<Text>red</Text>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Text>{temp.key}</Text>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}}\n\t\t/>\n\t</View >);\n}\n```\n\n## 详细信息可以查看官方文档 <https://reactnative.cn/docs/flatlist/>\n\n## ChangeLogs\n\n## latest\n\n添加一些方法的定义\n\n## 4.6.201907081542\n","readmeFilename":"readme.md"}