From cc3ab9823296e2561502b2f445a5aa9aa9707d2f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=A9=AC=E6=B5=A9?= <303527871@qq.com>
Date: Fri, 13 Sep 2024 23:20:36 +0800
Subject: [PATCH] feat: add component list logo

---
 example/src/thumbnail.tsx        | 38 +++++++++++++++++++++++++++++---
 src/components/Button/Button.tsx |  1 +
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/example/src/thumbnail.tsx b/example/src/thumbnail.tsx
index 8a5f5a3..078a1b3 100644
--- a/example/src/thumbnail.tsx
+++ b/example/src/thumbnail.tsx
@@ -302,7 +302,7 @@ const styles = StyleSheet.create({
   },
   tabViewContainer: {
     flexDirection: 'row',
-    height: 40,
+    height: 30,
     width: 120,
     backgroundColor: 'white',
     alignItems: 'center',
@@ -559,6 +559,7 @@ const exampleList: Example[] = [
           <Text style={styles.tabViewUnSelected}>Tab2</Text>
         </View>
         <View style={styles.tabViewLine} />
+        <View style={{ height: 20, width: 120, backgroundColor: '#fff' }} />
       </View>
     ),
   },
@@ -568,11 +569,42 @@ const exampleList: Example[] = [
   },
   {
     title: 'PageView',
-    content: null,
+    content: (
+      <View style={{ flexDirection: 'row' }}>
+        <View
+          style={{
+            width: 35,
+            height: 55,
+            backgroundColor: '#fff',
+            justifyContent: 'center',
+            alignItems: 'center',
+          }}
+        >
+          <Text>1</Text>
+        </View>
+        <View
+          style={{
+            marginLeft: 1,
+            width: 35,
+            height: 55,
+            backgroundColor: '#fff',
+            justifyContent: 'center',
+            alignItems: 'center',
+          }}
+        >
+          <Text>2</Text>
+        </View>
+      </View>
+    ),
   },
   {
     title: 'TabBar',
-    content: null,
+    content: (
+      <View style={styles.tabViewContainer}>
+        <Text style={styles.tabViewSelected}>Tab1</Text>
+        <Text style={styles.tabViewUnSelected}>Tab2</Text>
+      </View>
+    ),
   },
 ];
 
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
index 9b87026..3a7811c 100644
--- a/src/components/Button/Button.tsx
+++ b/src/components/Button/Button.tsx
@@ -8,6 +8,7 @@ interface ButtonProps extends BaseButtonProps {
   style?: StyleProp<ViewStyle>;
   type?: ButtonType;
   textStyle?: TextStyle;
+  children: React.ReactNode;
 }
 
 const Button: React.FC<ButtonProps> = (props) => {