https://24jieqi.github.io/react-native-xiaoshu/meta__elevator-nav.6f4d4e42.async.js

1"use strict";(self.webpackChunk_fruits_chain_react_native_xiaoshu=self.webpackChunk_fruits_chain_react_native_xiaoshu||[]).push([[5527],{19655:function(l,n,e){var t;e.r(n),e.d(n,{demos:function(){return v}});var r=e(15009),i=e.n(r),u=e(99289),c=e.n(u),o=e(67294),x=e(45211),d=e(77884),_=e(1078),v={"src-elevator-nav-demo-basic":{component:o.memo(o.lazy(function(){return e.e(2433).then(e.bind(e,47632))})),asset:{type:"BLOCK",id:"src-elevator-nav-demo-basic",refAtomIds:[],dependencies:{"index.tsx":{type:"FILE",value:e(66744).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=e.t(o,2)),"react-native":d,"@fruits-chain/react-native-xiaoshu":_},renderOpts:{compile:function(){var I=c()(i()().mark(function p(){var s,h=arguments;return i()().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,e.e(4019).then(e.bind(e,4019));case 2:return a.abrupt("return",(s=a.sent).default.apply(s,h));case 3:case"end":return a.stop()}},p)}));function m(){return I.apply(this,arguments)}return m}()}}}},33156:function(l,n,e){e.r(n),e.d(n,{texts:function(){return r}});var t=e(45211);const r=[{value:"0.3.17+",paraId:0},{value:"\u7EE7\u627F ScrollViewProps\u3002",paraId:1,tocIndex:4},{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:"triggerOffset",paraId:2,tocIndex:4},{value:"\u6EDA\u52A8\u5927\u4E8E\u591A\u5C11\u65F6\u51FA\u73B0\u5BFC\u822A\u680F",paraId:2,tocIndex:4},{value:"number",paraId:2,tocIndex:4},{value:"100",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"tabBarHeight",paraId:2,tocIndex:4},{value:"\u5BFC\u822A\u680F\u9AD8\u5EA6\uFF0C\u6682\u65F6\u672A\u5F00\u653E\u81EA\u5B9A\u4E49\u5BFC\u822A\u529F\u80FD",paraId:2,tocIndex:4},{value:"number",paraId:2,tocIndex:4},{value:"40",paraId:2,tocIndex:4},{value:"-",paraId:2,tocIndex:4},{value:"scrollComponent",paraId:2,tocIndex:4},{value:"\u81EA\u5B9A\u4E49\u6EDA\u52A8\u7EC4\u4EF6",paraId:2,tocIndex:4},{value:"React.FC<ScrollViewProps & { ref:React.MutableRefObject<ScrollView> }>",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:"title",paraId:3,tocIndex:5},{value:"\u552F\u4E00\u7684 title",paraId:3,tocIndex:5},{value:"string",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5},{value:"-",paraId:3,tocIndex:5}]},66744:function(l,n){n.Z=`import React, { useState } from 'react'
2import { Text, View } from 'react-native'
3
4// import React, { forwardRef, useRef, useState, useImperativeHandle } from 'react'
5// import { Text, View, ScrollView } from 'react-native'
6// import {
7//   KeyboardAwareScrollView,
8//   KeyboardAwareScrollViewProps,
9// } from 'react-native-keyboard-aware-scroll-view'
10
11import {
12  Card,
13  Space,
14  ElevatorNav,
15  Button,
16  TextInput,
17} from '@fruits-chain/react-native-xiaoshu'
18
19// const CustomKeyboardAwareScrollView = forwardRef<
20//   ScrollView,
21//   KeyboardAwareScrollViewProps
22// >((props, ref) => {
23//   const ScrollViewRef = useRef<ScrollView>()
24
25//   useImperativeHandle(ref, () => {
26//     return ScrollViewRef.current
27//   })
28
29//   return (
30//     <KeyboardAwareScrollView
31//       {...props}
32//       extraScrollHeight={60}
33//       innerRef={ref => {
34//         props.innerRef?.(ref)
35//         ScrollViewRef.current = ref as any
36//       }}
37//     />
38//   )
39// })
40
41const BasicTag: React.FC = () => {
42  const [more1, setMore1] = useState(false)
43  const [more2, setMore2] = useState(false)
44
45  return (
46    <>
47      <Space direction="horizontal">
48        <Button
49          text={\`\${more1 ? '\u51CF\u5C11' : '\u65B0\u589E'}

49\u4E00\u4E2A Anchor\uFF08\u53EF\u80FD\u4F1A\u62A5\u9519\uFF09\`}
50          size="s"
51          onPress={() => {
52            setMore1(s => !s)
53          }}
54        />
55        <Button
56          text={\`\${more2 ? '\u51CF\u5C11' : '\u65B0\u589E'}\u4E00\u4E2A\u975E Anchor\`}
57          size="s"
58          onPress={() => {
59            setMore2(s => !s)
60          }}
61        />
62      </Space>
63
64      <ElevatorNav
65        triggerOffset={500}
66        // scrollComponent={CustomKeyboardAwareScrollView as any}>
67      >
68        <Space tail head>
69          <View style={{ height: 500, backgroundColor: '#f09' }}>
70            <Text>\u5176\u4ED6\u975E\u951A\u70B9\u533A\u57DF</Text>
71          </View>
72
73          <ElevatorNav.Anchor title="\u57FA\u7840\u7528\u6CD5">
74            <Card title="\u57FA\u7840\u7528\u6CD5" square>
75              <View style={{ height: 220, backgroundColor: '#098' }} />
76            </Card>
77          </ElevatorNav.Anchor>
78
79          {more2 ? (
80            <View style={{ height: 500, backgroundColor: '#f76' }}>
81              <Text>\u5176\u4ED6\u975E\u951A\u70B9\u533A\u57DF</Text>
82            </View>
83          ) : null}
84
85          <ElevatorNav.Anchor title="\u57FA\u7840\u7528\u6CD52">
86            <Card title="\u57FA\u7840\u7528\u6CD52" square>
87              <View style={{ height: 520, backgroundColor: '#123' }} />
88            </Card>
89          </ElevatorNav.Anchor>
90
91          {more1 ? (
92            <ElevatorNav.Anchor title="\u57FA\u7840\u7528\u6CD5more">
93              <Card title="\u57FA\u7840\u7528\u6CD5more" square>
94                <View style={{ height: 620, backgroundColor: '#6787' }} />
95              </Card>
96            </ElevatorNav.Anchor>
97          ) : null}
98
99          <ElevatorNav.Anchor title="\u57FA\u7840\u7528\u6CD53">
100            <Card title="\u57FA\u7840\u7528\u6CD53" square>
101              <View style={{ height: 420, backgroundColor: '#fa7' }} />
102            </Card>
103          </ElevatorNav.Anchor>
104
105          <TextInput placeholder="\u8BF7\u8F93\u5165\u4EC0\u4E48" />
106
107          <View style={{ height: 500, backgroundColor: '#ac6' }}>
108            <Text>\u5176\u4ED6\u975E\u951A\u70B9\u533A\u57DF</Text>
109          </View>
110        </Space>
111      </ElevatorNav>
112    </>
113  )
114}
115
116export default BasicTag
117`}}]);