{"id":17673773,"url":"https://github.com/lchreal6/react-swipeable-tab","last_synced_at":"2025-10-04T04:37:44.881Z","repository":{"id":53782240,"uuid":"176962283","full_name":"lchreal6/react-swipeable-tab","owner":"lchreal6","description":"a swipable and async loading tab component with iscroll  ","archived":false,"fork":false,"pushed_at":"2023-01-03T18:18:01.000Z","size":3325,"stargazers_count":11,"open_issues_count":7,"forks_count":4,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-28T23:45:15.313Z","etag":null,"topics":["animation","asyncloader","iscroll","react","smooth-scrolling","swipeable-tabs","tabs"],"latest_commit_sha":null,"homepage":"https://lchreal6.github.io/react-swipeable-tab/build","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lchreal6.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-03-21T14:29:55.000Z","updated_at":"2025-08-26T20:39:18.000Z","dependencies_parsed_at":"2023-02-01T08:46:10.697Z","dependency_job_id":null,"html_url":"https://github.com/lchreal6/react-swipeable-tab","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/lchreal6/react-swipeable-tab","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lchreal6%2Freact-swipeable-tab","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lchreal6%2Freact-swipeable-tab/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lchreal6%2Freact-swipeable-tab/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lchreal6%2Freact-swipeable-tab/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lchreal6","download_url":"https://codeload.github.com/lchreal6/react-swipeable-tab/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lchreal6%2Freact-swipeable-tab/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278180415,"owners_count":25943490,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-03T02:00:06.070Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","asyncloader","iscroll","react","smooth-scrolling","swipeable-tabs","tabs"],"created_at":"2024-10-24T06:05:15.338Z","updated_at":"2025-10-04T04:37:44.863Z","avatar_url":"https://github.com/lchreal6.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-swipeable-tab\n\n一个可滑动切换，异步加载数据，具有流畅滚动特性的 React-Tab 组件\n\n参考了[react-tabtab](https://github.com/ctxhou/react-tabtab)提供的组件，在此基础上进行了功能特性的丰富\n\n## [Demo](https://lchreal6.github.io/react-swipeable-tab/build)\n\n## 使用\n\ninstall\n\n```bash\nnpm i react-swipeable-tab --save\n```\n\nimport\n\n```js\nimport { Tab, Tabs, TabList, PanelList, Panel, AsyncPanel } from \"react-swipeable-tab\";\n```\n\n### Simple Tab\n\n一个简单用法的 tab\n\n![](/assets/simple-tab.gif)\n\n```jsx\nimport React, { Component } from \"react\";\nimport { Tab, Tabs, TabList, Panel, PanelList } from \"react-swipeable-tab\";\n\nexport default class Demo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      tab1_activeIndex: 0\n    };\n  }\n  onTab1_Change = index =\u003e {\n    this.setState({\n      tab1_activeIndex: index\n    });\n  };\n\n  render() {\n    const { tab1_activeIndex } = this.state;\n    return (\n      \u003cTabs activeIndex={tab1_activeIndex} onTabChange={this.onTab1_Change}\u003e\n        \u003cTabList style={{ height: \"40px\" }}\u003e\n          \u003cTab\u003etab1\u003c/Tab\u003e\n          \u003cTab\u003etab2\u003c/Tab\u003e\n          \u003cTab\u003etab3\u003c/Tab\u003e\n        \u003c/TabList\u003e\n        \u003cPanelList style={{ height: \"100px\" }}\u003e\n          \u003cPanel\u003e\n            \u003cp\u003econtent1\u003c/p\u003e\n            \u003cp\u003econtent1\u003c/p\u003e\n            \u003cp\u003econtent1\u003c/p\u003e\n            \u003cp\u003econtent1\u003c/p\u003e\n            \u003cp\u003econtent1\u003c/p\u003e\n            \u003cp\u003econtent1\u003c/p\u003e\n            \u003cp\u003econtent1\u003c/p\u003e\n            \u003cp\u003econtent1\u003c/p\u003e\n          \u003c/Panel\u003e\n          \u003cPanel\u003econtent2\u003c/Panel\u003e\n          \u003cPanel\u003econtent3\u003c/Panel\u003e\n        \u003c/PanelList\u003e\n      \u003c/Tabs\u003e\n    );\n  }\n}\n```\n\n### Multipe Tab\n\n多 tab 导航栏\n\n![](/assets/multiple-tab.gif)\n\n```jsx\nimport React, { Component } from \"react\";\nimport { Tab, Tabs, TabList, Panel, PanelList } from \"react-swipeable-tab\";\n\nexport default class Demo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      tab2_activeIndex: 0\n    };\n  }\n  onTab2_Change = index =\u003e {\n    this.setState({\n      tab2_activeIndex: index\n    });\n  };\n\n  render() {\n    const { tab2_activeIndex } = this.state;\n    return (\n      \u003cTabs\n        activeIndex={tab2_activeIndex}\n        onTabChange={this.onTab2_Change}\n        page={5}\n      \u003e\n        \u003cTabList style={{ height: \"40px\" }}\u003e\n          \u003cTab\u003etab1\u003c/Tab\u003e\n          \u003cTab\u003etab2\u003c/Tab\u003e\n          \u003cTab\u003etab3\u003c/Tab\u003e\n          \u003cTab\u003etab4\u003c/Tab\u003e\n          \u003cTab\u003etab5\u003c/Tab\u003e\n          \u003cTab\u003etab6\u003c/Tab\u003e\n          \u003cTab\u003etab7\u003c/Tab\u003e\n          \u003cTab\u003etab8\u003c/Tab\u003e\n          \u003cTab\u003etab9\u003c/Tab\u003e\n        \u003c/TabList\u003e\n        \u003cPanelList style={{ height: \"100px\" }}\u003e\n          \u003cPanel\u003econtent1\u003c/Panel\u003e\n          \u003cPanel\u003econtent2\u003c/Panel\u003e\n          \u003cPanel\u003econtent3\u003c/Panel\u003e\n          \u003cPanel\u003econtent4\u003c/Panel\u003e\n          \u003cPanel\u003econtent5\u003c/Panel\u003e\n          \u003cPanel\u003econtent6\u003c/Panel\u003e\n          \u003cPanel\u003econtent7\u003c/Panel\u003e\n          \u003cPanel\u003econtent8\u003c/Panel\u003e\n          \u003cPanel\u003econtent9\u003c/Panel\u003e\n        \u003c/PanelList\u003e\n      \u003c/Tabs\u003e\n    );\n  }\n}\n```\n\n### AnimateHeight Tab\n\n自动调整高度伸缩 tab\n\n![](/assets/animateHeight-tab.gif)\n\n```jsx\nimport React, { Component } from \"react\";\nimport { Tab, Tabs, TabList, Panel, PanelList } from \"react-swipeable-tab\";\n\nexport default class Demo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      tab3_activeIndex: 0\n    };\n  }\n  onTab3_Change = index =\u003e {\n    this.setState({\n      tab3_activeIndex: index\n    });\n  };\n\n  render() {\n    const { tab3_activeIndex } = this.state;\n    return (\n      \u003cTabs\n        animateHeight={true}\n        activeIndex={tab3_activeIndex}\n        onTabChange={this.onTab3_Change}\n      \u003e\n        \u003cTabList style={{ height: \"40px\" }}\u003e\n          \u003cTab\u003etab1\u003c/Tab\u003e\n          \u003cTab\u003etab2\u003c/Tab\u003e\n          \u003cTab\u003etab3\u003c/Tab\u003e\n        \u003c/TabList\u003e\n        \u003cPanelList style={{ height: \"50px\" }}\u003e\n          \u003cPanel minPanelHeight={\"50px\"} style={{ height: \"50px\" }}\u003e\n            content1\n          \u003c/Panel\u003e\n          \u003cPanel minPanelHeight={\"150px\"} style={{ height: \"100px\" }}\u003e\n            content1\n          \u003c/Panel\u003e\n          \u003cPanel minPanelHeight={\"350px\"} style={{ height: \"150px\" }}\u003e\n            content1\n          \u003c/Panel\u003e\n        \u003c/PanelList\u003e\n      \u003c/Tabs\u003e\n    );\n  }\n}\n```\n\n### Async Loading Tab\n\n异步加载内容 tab\n\n![](/assets/async-tab.gif)\n\n```jsx\nimport React, { Component } from \"react\";\nimport { Tab, Tabs, TabList, AsyncPanel, PanelList } from \"react-swipeable-tab\";\n\nexport default class Demo extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      tab4_activeIndex: 0\n    };\n  }\n  onTab4_Change = index =\u003e {\n    this.setState({\n      tab4_activeIndex: index\n    });\n  };\n  loadingConetent = () =\u003e {\n    return new Promise((resolve, reject) =\u003e {\n      setTimeout(() =\u003e {\n        resolve(\"content\");\n      }, 2000);\n    });\n  };\n\n  render() {\n    const { tab4_activeIndex } = this.state;\n    return (\n      \u003cTabs activeIndex={tab4_activeIndex} onTabChange={this.onTab4_Change}\u003e\n        \u003cTabList style={{ height: \"40px\" }}\u003e\n          \u003cTab\u003etab1\u003c/Tab\u003e\n          \u003cTab\u003etab2\u003c/Tab\u003e\n          \u003cTab\u003etab3\u003c/Tab\u003e\n        \u003c/TabList\u003e\n        \u003cPanelList style={{ height: \"100px\" }}\u003e\n          \u003cAsyncPanel\n            loadContent={this.loadingConetent}\n            render={data =\u003e \u003cdiv\u003e{data}\u003c/div\u003e}\n            renderLoading={() =\u003e \u003cdiv\u003eloading...\u003c/div\u003e}\n          /\u003e\n          \u003cAsyncPanel\n            loadContent={this.loadingConetent}\n            render={data =\u003e \u003cdiv\u003e{data}\u003c/div\u003e}\n            renderLoading={() =\u003e \u003cdiv\u003eloading...\u003c/div\u003e}\n          /\u003e\n          \u003cAsyncPanel\n            loadContent={this.loadingConetent}\n            render={data =\u003e \u003cdiv\u003e{data}\u003c/div\u003e}\n            renderLoading={() =\u003e \u003cdiv\u003eloading...\u003c/div\u003e}\n          /\u003e\n        \u003c/PanelList\u003e\n      \u003c/Tabs\u003e\n    );\n  }\n}\n```\n\n## API\n\n### \u0026lt;Tabs /\u0026gt;\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth\u003e属性\u003c/th\u003e\n      \u003cth\u003e类型\u003c/th\u003e\n      \u003cth\u003e默认值\u003c/th\u003e\n      \u003cth\u003e说明\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003edefaultIndex\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eint\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e初始化tab的显示面板\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eactiveIndex\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003eint\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e当前激活的tab面板的key\u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eonTabChange\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e() =\u003e tabIndex\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        返回被点击的面板的key\u003cbr/\u003e\n        你可以使用这个方法更新面板的activeIndex，来切换tab\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003estyle\u003c/td\u003e\n      \u003ctd\u003eobject\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        自定义组件样式\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eclassName\u003c/td\u003e\n      \u003ctd\u003estring\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        设置添加样式类名\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eswiperMove\u003c/td\u003e\n      \u003ctd\u003eboolean\u003c/td\u003e\n      \u003ctd\u003etrue\u003c/td\u003e\n      \u003ctd\u003e\n        是否开启滑动切换tab\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eanimate\u003c/td\u003e\n      \u003ctd\u003eboolean\u003c/td\u003e\n      \u003ctd\u003etrue\u003c/td\u003e\n      \u003ctd\u003e\n        是否开启滑动切换动画特性\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eshowInk\u003c/td\u003e\n      \u003ctd\u003eboolean\u003c/td\u003e\n      \u003ctd\u003etrue\u003c/td\u003e\n      \u003ctd\u003e\n        顶部tab导航栏当前激活的面板是否底部显示横线标识\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003einkColor\u003c/td\u003e\n      \u003ctd\u003estring\u003c/td\u003e\n      \u003ctd\u003e'#2A84F8'\u003c/td\u003e\n      \u003ctd\u003e\n        顶部tab导航栏当前激活的面板底部横线颜色\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eactiveTabColor\u003c/td\u003e\n      \u003ctd\u003estring\u003c/td\u003e\n      \u003ctd\u003e'#2A84F8'\u003c/td\u003e\n      \u003ctd\u003e\n        顶部tab导航栏当前激活的面板文字颜色\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003epanelIscroll\u003c/td\u003e\n      \u003ctd\u003eboolean\u003c/td\u003e\n      \u003ctd\u003etrue\u003c/td\u003e\n      \u003ctd\u003e\n        tab内容面板是否使用iscroll组件，具有iscroll滚动的特性\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003ethreshold\u003c/td\u003e\n      \u003ctd\u003eint\u003c/td\u003e\n      \u003ctd\u003e5\u003c/td\u003e\n      \u003ctd\u003e\n        快速切屏的时间阈值系数\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003epage\u003c/td\u003e\n      \u003ctd\u003eint\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        屏幕最多显示多少个tab导航面板\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### \u0026lt;TabList /\u0026gt;\n\n用来包裹 \u0026lt;Tab /\u0026gt; 组件\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth\u003e属性\u003c/th\u003e\n      \u003cth\u003e类型\u003c/th\u003e\n      \u003cth\u003e默认值\u003c/th\u003e\n      \u003cth\u003e说明\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003estyle\u003c/td\u003e\n      \u003ctd\u003eobject\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        自定义组件样式\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eclassName\u003c/td\u003e\n      \u003ctd\u003estring\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        设置添加样式类名\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### \u0026lt;Tab /\u0026gt;\n\n顶部 tab 导航栏面板\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth\u003e属性\u003c/th\u003e\n      \u003cth\u003e类型\u003c/th\u003e\n      \u003cth\u003e默认值\u003c/th\u003e\n      \u003cth\u003e说明\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003estyle\u003c/td\u003e\n      \u003ctd\u003eobject\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        自定义组件样式\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eclassName\u003c/td\u003e\n      \u003ctd\u003estring\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        设置添加样式类名\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### \u0026lt;PanelList /\u0026gt;\n\n用来包裹 \u0026lt;Panel /\u0026gt; 组件\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth\u003e属性\u003c/th\u003e\n      \u003cth\u003e类型\u003c/th\u003e\n      \u003cth\u003e默认值\u003c/th\u003e\n      \u003cth\u003e说明\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003estyle\u003c/td\u003e\n      \u003ctd\u003eobject\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        自定义组件样式\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eclassName\u003c/td\u003e\n      \u003ctd\u003estring\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        设置添加样式类名\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### \u0026lt;Panel /\u0026gt;\n\n内容面板\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth\u003e属性\u003c/th\u003e\n      \u003cth\u003e类型\u003c/th\u003e\n      \u003cth\u003e默认值\u003c/th\u003e\n      \u003cth\u003e说明\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003estyle\u003c/td\u003e\n      \u003ctd\u003eobject\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        自定义组件样式\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eclassName\u003c/td\u003e\n      \u003ctd\u003estring\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        设置添加样式类名\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003epanelIscrollOptions\u003c/td\u003e\n      \u003ctd\u003eobject\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e\n        {\n        fadeScrollbars: true,\n      }\n        \u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        iscroll组件配置\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n\n### \u0026lt;AsyncPanel /\u0026gt;\n\n具有异步加载数据功能的内容面板\n\n\u003ctable\u003e\n  \u003ctbody\u003e\n    \u003ctr\u003e\n      \u003cth\u003e属性\u003c/th\u003e\n      \u003cth\u003e类型\u003c/th\u003e\n      \u003cth\u003e默认值\u003c/th\u003e\n      \u003cth\u003e说明\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003estyle\u003c/td\u003e\n      \u003ctd\u003eobject\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        自定义组件样式\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eclassName\u003c/td\u003e\n      \u003ctd\u003estring\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        设置添加样式类名\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003epanelIscrollOptions\u003c/td\u003e\n      \u003ctd\u003eobject\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e\n        {\n        fadeScrollbars: true,\n      }\n        \u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003e\n        iscroll组件配置\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003eloadContent\u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e(cb) =\u003e cb(error, data)\u003c/code\u003eor\u003ccode\u003e(cb) =\u003e Promise\t\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        需要异步加载数据的回调函数\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003erender \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e(data) =\u003e Component\t\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        数据加载完成后渲染的组件\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003erenderLoading  \u003c/td\u003e\n      \u003ctd\u003e\u003ccode\u003e() =\u003e Component\t\u003c/code\u003e\u003c/td\u003e\n      \u003ctd\u003enull\u003c/td\u003e\n      \u003ctd\u003e\n        在进行数据异步加载时填充的loading组件\n      \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n      \u003ctd\u003ecache\u003c/td\u003e\n      \u003ctd\u003eboolean\u003c/td\u003e\n      \u003ctd\u003etrue\u003c/td\u003e\n      \u003ctd\u003e\n        加载后是否缓存数据\n      \u003c/td\u003e\n    \u003c/tr\u003e\n  \u003c/tbody\u003e\n\u003c/table\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flchreal6%2Freact-swipeable-tab","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flchreal6%2Freact-swipeable-tab","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flchreal6%2Freact-swipeable-tab/lists"}