fix:update quicklist & searchinputbar example

ChenlingasMx · ChenlingasMx · commit 89f37782f49f · 2021-10-16T10:41:20.000+08:00
diff --git a/example/examples/src/routes/QuickList/index.tsx b/example/examples/src/routes/QuickList/index.tsx
@@ -1,6 +1,6 @@
 import React, {useRef, useState} from 'react';
 import {SafeAreaView, Image, View, Text} from 'react-native';
-import {QuickList, List} from '@uiw/react-native';
+import {QuickList, List, SwipeAction} from '@uiw/react-native';
 import {ComProps} from '../../routes';
 import Layout from '../../Layout';
 const {Header} = Layout;
@@ -62,26 +62,36 @@ const QuickListView = (props: ListViewProps) => {
 
   const ListItem = (item: any) => {
     return (
-      <List flat={false}>
-        <View
-          style={{
-            padding: 10,
-            display: 'flex',
-            alignItems: 'center',
-            flexDirection: 'row',
-          }}>
-          <Image
-            source={{
-              uri: item.img,
-            }}
-            style={{height: 70, width: 70, borderRadius: 50}}
-          />
-          <View style={{marginLeft: 10}}>
-            <Text style={{marginBottom: 5, fontSize: 18}}>react-native</Text>
-            <Text style={{color: '#808080'}}>{item.name}</Text>
+      <SwipeAction
+        right={[
+          {
+            text: '删除',
+            color: 'red',
+            x: 250,
+            onPress: () => {},
+          },
+        ]}>
+        <List flat={false}>
+          <View
+            style={{
+              padding: 10,
+              display: 'flex',
+              alignItems: 'center',
+              flexDirection: 'row',
+            }}>
+            <Image
+              source={{
+                uri: item.img,
+              }}
+              style={{height: 70, width: 70, borderRadius: 50}}
+            />
+            <View style={{marginLeft: 10}}>
+              <Text style={{marginBottom: 5, fontSize: 18}}>react-native</Text>
+              <Text style={{color: '#808080'}}>{item.name}</Text>
+            </View>
           </View>
-        </View>
-      </List>
+        </List>
+      </SwipeAction>
     );
   };
 
diff --git a/example/examples/src/routes/SearchInputBar/index.tsx b/example/examples/src/routes/SearchInputBar/index.tsx
@@ -38,7 +38,9 @@ export default class Index extends Component<IndexProps, IndexState> {
       <Container keyboardShouldPersistTaps="always">
         <Layout>
           <Header title={title} description={description} />
-          <Body keyboardShouldPersistTaps="always">
+          <Body
+            keyboardShouldPersistTaps="always"
+            style={{paddingHorizontal: 10}}>
             <View style={styles.divider} />
             <SearchInputBar
               ref={this.ref}
@@ -76,9 +78,6 @@ export default class Index extends Component<IndexProps, IndexState> {
                   Toast.info('你点击了搜一下', 2, 'info');
                 },
               }}
-              containerStyle={{
-                marginHorizontal: 10,
-              }}
             />
           </Body>
           <Footer />
@@ -100,6 +99,6 @@ const styles = StyleSheet.create({
   search: {
     justifyContent: 'center',
     borderWidth: 0,
-    paddingRight: 10,
+    paddingLeft: 10,
   },
 });
