5786b14b36
Added .gitignore with patterns for ignoring files and directories, including node_modules, .expo, dist, web-build, *.orig.*, *.jks, *.p8, *.p12, *.key, *.mobileprovision, .metro-health-check*, npm-debug.*, yarn-debug.*, yarn-error.*, .DS_Store, *.pem, .env*.local, *.tsbuildinfo, expo-env.d.ts, and @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb. Added app.json with Expo configurations, including name, slug, version, orientation, icon, scheme, userInterfaceStyle, splash, assetBundlePatterns, ios, android, web, plugins, and experiments. Added _layout.tsx with TabLayout component for rendering tabs. Imported FontAwesome and expo-router. Exported ErrorBoundary and unstable_settings. Added index.tsx with TabOneScreen component for rendering Tab One. Imported EditScreenInfo, Text, and View from components/Themed. Added two.tsx with TabTwoScreen component for rendering Tab Two. Imported EditScreenInfo, Text, and View from components/Themed. Added +html.tsx for configuring root HTML during static rendering. Imported ScrollViewStyleReset from expo-router/html. Added [...missing].tsx for rendering NotFoundScreen. Imported Link and Stack from expo-router. Imported StyleSheet, Text, and View from components/Themed. Added _layout.tsx for configuring the root layout. Imported FontAwesome and expo-router. Imported DarkTheme and DefaultTheme from @react-navigation/native. Imported useFonts from expo-font. Imported SplashScreen and Stack from expo-router. Imported useEffect and useColorScheme from react-native. Added modal.tsx with ModalScreen component for rendering Modal. Imported StatusBar from expo-status-bar and StyleSheet from react-native. Added babel.config.js with presets babel-preset-expo and plugins expo-router/babel. Added EditScreenInfo.tsx with EditScreenInfo component for displaying information about the code. Imported React and StyleSheet from react-native. Imported Colors from constants/Colors. Imported ExternalLink from components/ExternalLink. Imported MonoText from components/StyledText. Imported Text and View from components/Themed.
77 lines
2 KiB
TypeScript
77 lines
2 KiB
TypeScript
import React from 'react';
|
|
import { StyleSheet } from 'react-native';
|
|
|
|
import Colors from '../constants/Colors';
|
|
import { ExternalLink } from './ExternalLink';
|
|
import { MonoText } from './StyledText';
|
|
import { Text, View } from './Themed';
|
|
|
|
|
|
export default function EditScreenInfo({ path }: { path: string }) {
|
|
return (
|
|
<View>
|
|
<View style={styles.getStartedContainer}>
|
|
<Text
|
|
style={styles.getStartedText}
|
|
lightColor="rgba(0,0,0,0.8)"
|
|
darkColor="rgba(255,255,255,0.8)">
|
|
Open up the code for this screen:
|
|
</Text>
|
|
|
|
<View
|
|
style={[styles.codeHighlightContainer, styles.homeScreenFilename]}
|
|
darkColor="rgba(255,255,255,0.05)"
|
|
lightColor="rgba(0,0,0,0.05)">
|
|
<MonoText>{path}</MonoText>
|
|
</View>
|
|
|
|
<Text
|
|
style={styles.getStartedText}
|
|
lightColor="rgba(0,0,0,0.8)"
|
|
darkColor="rgba(255,255,255,0.8)">
|
|
Change any of the text, save the file, and your app will automatically update.
|
|
</Text>
|
|
</View>
|
|
|
|
<View style={styles.helpContainer}>
|
|
<ExternalLink
|
|
style={styles.helpLink}
|
|
href="https://docs.expo.io/get-started/create-a-new-app/#opening-the-app-on-your-phonetablet">
|
|
<Text style={styles.helpLinkText} lightColor={Colors.light.tint}>
|
|
Tap here if your app doesn't automatically update after making changes
|
|
</Text>
|
|
</ExternalLink>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
getStartedContainer: {
|
|
alignItems: 'center',
|
|
marginHorizontal: 50,
|
|
},
|
|
homeScreenFilename: {
|
|
marginVertical: 7,
|
|
},
|
|
codeHighlightContainer: {
|
|
borderRadius: 3,
|
|
paddingHorizontal: 4,
|
|
},
|
|
getStartedText: {
|
|
fontSize: 17,
|
|
lineHeight: 24,
|
|
textAlign: 'center',
|
|
},
|
|
helpContainer: {
|
|
marginTop: 15,
|
|
marginHorizontal: 20,
|
|
alignItems: 'center',
|
|
},
|
|
helpLink: {
|
|
paddingVertical: 15,
|
|
},
|
|
helpLinkText: {
|
|
textAlign: 'center',
|
|
},
|
|
});
|