Merge pull request #274 from RUKAYAT-CODER/main

Setup trend ui library #274

mobile-app/app/_layout.tsx

@@ -1,3 +1,4 @@
+import "../global.css";
 import {
   DarkTheme,
   DefaultTheme,

mobile-app/babel.config.js

@@ -0,0 +1,10 @@
+
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: [
+      ["babel-preset-expo", { jsxImportSource: "nativewind" }],
+      "nativewind/babel", 'react-native-reanimated/plugin'
+    ],
+  };
+};

mobile-app/components/Test.tsx

@@ -0,0 +1,12 @@
+import { View, Text } from 'react-native'
+import React from 'react'
+
+const Test = () => {
+  return (
+    <View className="">
+      <Text>Test</Text>
+    </View>
+  )
+}
+
+export default Test

mobile-app/global.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

mobile-app/metro.config.js

@@ -0,0 +1,7 @@
+
+const { getDefaultConfig } = require("expo/metro-config");
+const { withNativeWind } = require("nativewind/metro");
+
+const config = getDefaultConfig(__dirname);
+
+module.exports = withNativeWind(config, { input: "./global.css" });

mobile-app/nativewind-env.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="nativewind/types" />
+
+// NOTE: This file should not be edited and should be committed with your source code. It is generated by NativeWind.