Merge pull request #5 from hakizimana-fred/staging

Card component with props
hakizimana-fred · Jan 30, 2024 · 592b50b · 592b50b
2 parents 510f6a1 + ad4d175
commit 592b50b
Show file tree

Hide file tree

Showing 11 changed files with 30,284 additions and 536 deletions.
diff --git a/example/package.json b/example/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "expo": "~50.0.2",
     "expo-status-bar": "~1.11.1",
+    "pack": "^2.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.73.2",

diff --git a/example/reactnatively-example-1.0.0.tgz b/example/reactnatively-example-1.0.0.tgz
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -1,6 +1,15 @@
 import * as React from 'react';
 import { Text } from 'react-native';
-import { Button, Heading, Wrapper } from 'reactnatively';
+import {
+  Card,
+  Button,
+  Heading,
+  Wrapper,
+  CardImage,
+  CardTitle,
+  CardContent,
+  CardDescription,
+} from 'reactnatively';
 
 export default function App() {
   return (
@@ -17,13 +26,22 @@ export default function App() {
         <Heading variant="h1" align="left">
           Well done
         </Heading>
-        <Button size="lg" onPress={() => console.log('sup with you')}>
+        <Button
+          size="lg"
+          bg="brown"
+          onPress={() => console.log('sup with you')}
+        >
           Hi
         </Button>
+        <Card>
+          <CardImage />
+
+          <CardContent>
+            <CardTitle align="right" text="Hi there" />
+            <CardDescription text="hello there" align="right" />
+          </CardContent>
+        </Card>
       </Wrapper>
-      {/* <View style={{ width: 100 }}>
-        <Button size="lg">Hi</Button>
-      </View> */}
     </>
   );
 }