react-native-demo-library-by-rinkal 1.0.0

package/Readme.md

@@ -0,0 +1,3 @@
+Hello
+This is my first library.
+I have added card component by using this library you can use TaskCard component, Pass title and description in it.

package/index.js

@@ -0,0 +1,39 @@
+
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+
+
+const TaskCard = ({ title, description }:{ title: string; description: string }) => {
+return (
+<View style={styles.card}>
+<Text style={styles.cardTitle}>{title}</Text>
+<Text style={styles.cardDescription}>{description}</Text>
+</View>
+);
+};
+
+const styles = StyleSheet.create({
+card: {
+backgroundColor: '#fff',
+padding: 20,
+borderRadius: 16,
+marginBottom: 16,
+shadowColor: '#000',
+shadowOpacity: 0.1,
+shadowRadius: 8,
+shadowOffset: { width: 0, height: 4 },
+elevation: 4,
+},
+cardTitle: {
+fontSize: 20,
+fontWeight: '700',
+color: '#2C3A47',
+marginBottom: 8,
+},
+cardDescription: {
+fontSize: 16,
+color: '#596275',
+lineHeight: 22,
+}
+});

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "react-native-demo-library-by-rinkal",
+  "version": "1.0.0",
+  "description": "",
+  "license": "ISC",
+  "author": "rinkal",
+  "type": "commonjs",
+  "main": "index.js",
+  "peerDependencies": {
+    "react": "18.2.0",
+    "react-native": "0.71.8"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  }
+}