feat: add component list logo

mahaaoo · Sep 13, 2024 · cc3ab98 · cc3ab98
1 parent 8250baa
commit cc3ab98
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 3 deletions.
diff --git 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
@@ -8,6 +8,7 @@ interface ButtonProps extends BaseButtonProps {
   style?: StyleProp<ViewStyle>;
   type?: ButtonType;
   textStyle?: TextStyle;
+  children: React.ReactNode;
 }
 
 const Button: React.FC<ButtonProps> = (props) => {