https://24jieqi.github.io/react-native-xiaoshu/meta__tabs.de2cbfb2.async.js

1"use strict";(self.webpackChunk_fruits_chain_react_native_xiaoshu=self.webpackChunk_fruits_chain_react_native_xiaoshu||[]).push([[7637],{75172:function(s,e,a){var t;a.r(e),a.d(e,{demos:function(){return b}});var r=a(15009),o=a.n(r),l=a(99289),i=a.n(l),d=a(67294),T=a(11476),c=a(77884),I=a(1078),b={"src-tabs-demo-basic":{component:d.memo(d.lazy(function(){return a.e(2433).then(a.bind(a,5663))})),asset:{type:"BLOCK",id:"src-tabs-demo-basic",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:a(19245).Z},react:{type:"NPM",value:"18.3.1"},"@fruits-chain/react-native-xiaoshu":{type:"NPM",value:"0.4.8"}},entry:"index.tsx",description:"\u628A\u5404\u79CD\u573A\u666F\u3001API \u90FD\u8FD0\u7528\u4E86",title:"\u7EFC\u5408\u7528\u6CD5"},context:{react:t||(t=a.t(d,2)),"react-native":c,"@fruits-chain/react-native-xiaoshu":I},renderOpts:{compile:function(){var v=i()(o()().mark(function x(){var u,p=arguments;return o()().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,a.e(4019).then(a.bind(a,4019));case 2:return n.abrupt("return",(u=n.sent).default.apply(u,p));case 3:case"end":return n.stop()}},x)}));function _(){return v.apply(this,arguments)}return _}()}}}},26291:function(s,e,a){a.r(e),a.d(e,{texts:function(){return r}});var t=a(11476);const r=[{value:"0.2.25+",paraId:0},{value:"\u9009\u9879\u5361\u5207\u6362\u7EC4\u4EF6\u3002",paraId:1,tocIndex:0},{value:"\u5C5E\u6027\u540D",paraId:2,tocIndex:4},{value:"\u63CF\u8FF0",paraId:2,tocIndex:4},{value:"\u7C7B\u578B",paraId:2,tocIndex:4},{value:"\u9ED8\u8BA4\u503C",paraId:2,tocIndex:4},{value:"\u7248\u672C",paraId:2,tocIndex:4},{value:"tabBarStyle",paraId:2,tocIndex:4},{value:"TabBar style",paraId:2,tocIndex:4},{value:"TabBarProps['style']",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"tabBarHeight",paraId:2,tocIndex:4},{value:"TabBar \u9AD8\u5EA6",paraId:2,tocIndex:4},{value:"TabBarProps['height']",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"tabBarBackgroundColor",paraId:2,tocIndex:4},{value:"TabBar \u80CC\u666F\u8272",paraId:2,tocIndex:4},{value:"TabBarProps['backgroundColor']",paraId:2,tocIndex:4},{value:"bottom_bar_background_color",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"activeKey",paraId:2,tocIndex:4},{value:"\u5F53\u524D\u6FC0\u6D3B tab \u9762\u677F\u7684 key",paraId:2,tocIndex:4},{value:"string",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"defaultActiveKey",paraId:2,tocIndex:4},{value:"\u521D\u59CB\u5316\u9009\u4E2D\u9762\u677F\u7684 key\uFF0C\u5982\u679C\u6CA1\u6709\u8BBE\u7F6E activeKey",paraId:2,tocIndex:4},{value:"string",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"onChange",paraId:2,tocIndex:4},{value:"\u9762\u677F\u6539\u53D8\u7684\u56DE\u8C03\u51FD\u6570",paraId:2,tocIndex:4},{value:"(activeKey:string) => void",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"divider",paraId:2,tocIndex:4},{value:"\u662F\u5426\u663E\u793A\u5206\u5272\u7EBF",paraId:2,tocIndex:4},{value:"boolean",paraId:2,tocIndex:4},{value:"false",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"dividerColor",paraId:2,tocIndex:4},{value:"\u81EA\u5B9A\u4E49\u5206\u5272\u7EBF\u989C\u8272",paraId:2,tocIndex:4},{value:"ColorValue",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"\u5C5E\u6027\u540D",paraId:3,tocIndex:5},{value:"\u63CF\u8FF0",paraId:3,tocIndex:5},{value:"\u7C7B\u578B",paraId:3,tocIndex:5},{value:"\u9ED8\u8BA4\u503C",paraId:3,tocIndex:5},{value:"\u7248\u672C",paraId:3,tocIndex:5},{value:"badge",paraId:3,tocIndex:5},{value:"\u53F3\u4E0A\u89D2\u6570\u5B57",paraId:3,tocIndex:5},{value:"number|string",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5},{value:"key",paraId:3,tocIndex:5},{value:"\u5BF9\u5E94 activeKey",paraId:3,tocIndex:5},{value:"string",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5},{value:"tab",paraId:3,tocIndex:5},{value:"\u9009\u9879\u5361\u5934\u663E\u793A\u6587\u5B57",paraId:3,tocIndex:5},{value:"string",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5},{value:"lazyRender",paraId:3,tocIndex:5},{value:"\u662F\u5426\u5728\u6FC0\u6D3B\u65F6\u624D\u6E32\u67D3\u8282\u70B9",paraId:3,tocIndex:5},{value:"boolean",paraId:3,tocIndex:5},{value:"true",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5}]},19245:function(s,e){e.Z=`import React, { useState } from 'react'
2import { ScrollView } from 'react-native'
3
4import {
5  Tabs,
6  Result,
7  Card,
8  Blank,
9  Field,
10  Button,
11}

11 from '@fruits-chain/react-native-xiaoshu'
12
13const T = () => {
14  const [text, setText] = useState('')
15
16  return (
17    <>
18      <Field.TextInput
19        title="\u6D4B\u8BD5"
20        placeholder="\u8BF7\u8F93\u5165"
21        value={text}
22        onChange={setText}
23      />
24      <Result status="warning" title="\u55EF\u54FC\uFF1F1" subtitle="\u54C8\u54C8\u54C8" />
25      <Button
26        onPress={() => {
27          console.log(text)
28        }}>
29        \u6253\u5370
30      </Button>
31    </>
32  )
33}
34
35const BasicTabs: React.FC = () => {
36  const [value1, setValue1] = useState('2')
37
38  return (
39    <ScrollView>
40      <Blank top>
41        <Card square bodyPadding={false}>
42          <Tabs indicatorWidth={24}>
43            <Tabs.TabPane key="1" tab="\u7B2C\u4E00\u4E2A" badge="44">
44              <T />
45            </Tabs.TabPane>
46
47            {null}
48
49            <>
50              <Tabs.TabPane key="3" tab="\u7B2C\u4E8C\u4E2A1">
51                <T />
52              </Tabs.TabPane>
53              <Tabs.TabPane key="4" tab="\u7B2C\u4E8C\u4E2A2">
54                <Result status="warning" title="\u55EF\u54FC\uFF1F2" subtitle="\u54C8\u54C8\u54C8" />
55              </Tabs.TabPane>
56            </>
57
58            <Tabs.TabPane key="2" tab="\u7B2C\u4E8C\u4E2A">
59              <Result status="warning" title="\u55EF\u54FC\uFF1F" subtitle="\u54C8\u54C8\u54C8" />
60            </Tabs.TabPane>
61          </Tabs>
62        </Card>
63      </Blank>
64      <Blank top>
65        <Card square bodyPadding={false}>
66          <Tabs indicatorWidth={24} divider>
67            <Tabs.TabPane key="1" tab="\u7B2C\u4E00\u4E2A">
68              <T />
69            </Tabs.TabPane>
70
71            {null}
72
73            <>
74              <Tabs.TabPane key="3" tab="\u7B2C\u4E8C\u4E2A1">
75                <T />
76              </Tabs.TabPane>
77              <Tabs.TabPane key="4" tab="\u7B2C\u4E8C\u4E2A2">
78                <Result status="warning" title="\u55EF\u54FC\uFF1F2" subtitle="\u54C8\u54C8\u54C8" />
79              </Tabs.TabPane>
80            </>
81
82            <Tabs.TabPane key="2" tab="\u7B2C\u4E8C\u4E2A">
83              <Result status="warning" title="\u55EF\u54FC\uFF1F" subtitle="\u54C8\u54C8\u54C8" />
84            </Tabs.TabPane>
85          </Tabs>
86        </Card>
87      </Blank>
88      <Blank top>
89        <Card title="\u53D7\u63A7\u6A21\u5F0F" square bodyPadding={false}>
90          <Tabs activeKey={value1} onChange={setValue1}>
91            <Tabs.TabPane key="1" tab="\u7B2C\u4E00\u4E2A">
92              <Result status="success" title="\u554A\u54C8" subtitle="\u563F\u563F\u563F" />
93            </Tabs.TabPane>
94
95            <Tabs.TabPane key="2" tab="\u7B2C\u4E8C\u4E2A">
96              <Result status="warning" title="\u55EF\u54FC\uFF1F" subtitle="\u54C8\u54C8\u54C8" />
97            </Tabs.TabPane>
98          </Tabs>
99        </Card>
100      </Blank>
101      <Blank top>
102        <Card title="\u90E8\u5206 TabBar \u81EA\u5B9A\u4E49" square bodyPadding={false}>
103          <Tabs
104            activeKey={value1}
105            onChange={setValue1}
106            tabAlign="left"
107            textColor="#999"
108            activeTextColor="#098"
109            indicatorColor="#098"
110            indicatorHeight={4}
111            divider
112            dividerColor="#098">
113            <Tabs.TabPane key="1" tab="\u7B2C\u4E00\u4E2A">
114              <Result status="success" title="\u554A\u54C8" subtitle="\u563F\u563F\u563F" />
115            </Tabs.TabPane>
116
117            <Tabs.TabPane key="2" tab="\u7B2C\u4E8C\u4E2A">
118              <Result status="warning" title="\u55EF\u54FC\uFF1F" subtitle="\u54C8\u54C8\u54C8" />
119            </Tabs.TabPane>
120          </Tabs>
121        </Card>
122      </Blank>
123
124      <Tabs
125        tabBarHeight={60}
126        tabBarBackgroundColor="#f9f9f9"
127        tabBarStyle={{ marginTop: 40 }}>
128        <Tabs.TabPane key="1" tab="\u7B2C\u4E00\u4E2A">
129          <Result status="success" title="\u554A\u54C8" subtitle="\u563F\u563F\u563F" />
130        </Tabs.TabPane>
131
132        <Tabs.TabPane key="2" tab="\u7B2C\u4E8C\u4E2A">
133          <Result status="warning" title="\u55EF\u54FC\uFF1F" subtitle="\u54C8\u54C8\u54C8" />
134        </Tabs.TabPane>
135      </Tabs>
136    </ScrollView>
137  )
138}
139
140export default BasicTabs
141`}}]);