49.0.3

Author: matsyui

.gitignore

@@ -1,35 +1,15 @@
-# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
-
-# dependencies
 node_modules/
-
-# Expo
 .expo/
+.vscode/
 dist/
-web-build/
-
-# Native
-*.orig.*
+npm-debug.*
 *.jks
 *.p8
 *.p12
 *.key
 *.mobileprovision
-
-# Metro
-.metro-health-check*
-
-# debug
-npm-debug.*
-yarn-debug.*
-yarn-error.*
+*.orig.*
+web-build/
 
 # macOS
 .DS_Store
-*.pem
-
-# local env files
-.env*.local
-
-# typescript
-*.tsbuildinfo

App.tsx

@@ -1,14 +1,14 @@
-import React from 'react';
-import { SafeAreaView, Text } from 'react-native';
-import { styled } from 'nativewind';
-
-const StyledSafeArea = styled(SafeAreaView);
-const StyledText = styled(Text);
+/// <reference types="nativewind/types" />
+import { StatusBar } from 'expo-status-bar';
+import { Text, View } from 'react-native';
 
 export default function App() {
-    return (
-        <StyledSafeArea className='flex bg-white items-center justify-center'>
-            <StyledText className='text-black text-center text-lg p-4'>React Native Expo in TypeScript with Tailwind CSS</StyledText>
-        </StyledSafeArea>
-    );
-}
+  
+  return (
+    <View className="flex-1 items-center justify-center bg-white">
+      <Text>Open up App.js to start working on your app!</Text>
+      <StatusBar style="auto" />
+    </View>
+  );
+
+}

app.json

@@ -1,7 +1,7 @@
 {
   "expo": {
-    "name": "react-native-expo-with-tailwindcss",
-    "slug": "react-native-expo-with-tailwindcss",
+    "name": "react-native-ts-app",
+    "slug": "react-native-ts-app",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
@@ -11,6 +11,9 @@
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
+    "updates": {
+      "fallbackToCacheTimeout": 0
+    },
     "assetBundlePatterns": [
       "**/*"
     ],
@@ -20,7 +23,7 @@
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
-        "backgroundColor": "#ffffff"
+        "backgroundColor": "#FFFFFF"
       }
     },
     "web": {

babel.config.js

@@ -1,7 +1,7 @@
-module.exports = function (api) {
-    api.cache(true);
-    return {
-        presets: ['babel-preset-expo'],
-        plugins: ['nativewind/babel'],
-    };
+module.exports = function(api) {
+  api.cache(true);
+  return {
+    presets: ['babel-preset-expo'],
+    plugins: ["nativewind/babel"],
+  };
 };