Skip to content

Instantly share code, notes, and snippets.

@firstChairCoder
Last active September 18, 2025 16:48
Show Gist options
  • Select an option

  • Save firstChairCoder/17134d6f94bc457ffd2f628f90314f75 to your computer and use it in GitHub Desktop.

Select an option

Save firstChairCoder/17134d6f94bc457ffd2f628f90314f75 to your computer and use it in GitHub Desktop.
Old movieappx code
**App.tsx**
import "./src/global.css"
import { NavigationContainer } from '@react-navigation/native';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { Text, View } from 'react-native';
function HomeScreen() {
return (
<View className="flex-1 items-center justify-center bg-white">
<Text className="text-xl font-bold text-blue-600">Home Screen</Text>
</View>
);
}
function SettingsScreen() {
return (
<View className="flex-1 items-center justify-center bg-white">
<Text className="text-xl font-bold text-green-600">Settings Screen</Text>
</View>
);
}
const Stack = createNativeStackNavigator();
const Tab = createBottomTabNavigator();
function Tabs() {
return (
<Tab.Navigator>
<Tab.Screen name="Home" component={HomeScreen} />
<Tab.Screen name="Settings" component={SettingsScreen} />
</Tab.Navigator>
);
}
export default function App() {
return (
<NavigationContainer>
<Stack.Navigator screenOptions={{ headerShown: false }}>
<Stack.Screen name="Tabs" component={Tabs} />
</Stack.Navigator>
</NavigationContainer>
);
}
/* eslint-disable @typescript-eslint/no-var-requires */
const { getDefaultConfig } = require("expo/metro-config");
const { withNativeWind } = require("nativewind/metro");
const config = getDefaultConfig(__dirname);
module.exports = withNativeWind(config, {
input: "./src/global.css",
});
@tailwind base;
@tailwind components;
@tailwind utilities;
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./App.{js,jsx,ts,tsx}",
"./src/**/*.{js,jsx,ts,tsx}"
],
presets: [require("nativewind/preset")],
theme: {
extend: {},
},
plugins: [],
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment