diff --git a/apps/mobile/app/_layout.tsx b/apps/mobile/app/_layout.tsx index 79c5fe7..cdd4484 100644 --- a/apps/mobile/app/_layout.tsx +++ b/apps/mobile/app/_layout.tsx @@ -17,7 +17,7 @@ export { // eslint-disable-next-line camelcase export const unstable_settings = { // Ensure that reloading on `/modal` keeps a back button present. - initialRouteName: '(tabs)', + initialRouteName: '(tabs)/index', }; // Prevent the splash screen from auto-hiding before asset loading is complete. diff --git a/apps/mobile/index.js b/apps/mobile/index.js deleted file mode 100644 index 0602236..0000000 --- a/apps/mobile/index.js +++ /dev/null @@ -1,8 +0,0 @@ -import { registerRootComponent } from 'expo'; - -import App from './src/app/App'; - -// registerRootComponent calls AppRegistry.registerComponent('main', () => App); -// It also ensures that whether you load the app in Expo Go or in a native build, -// the environment is set up appropriately -registerRootComponent(App); diff --git a/apps/mobile/src/app/App.tsx b/apps/mobile/src/app/App.tsx deleted file mode 100644 index f4126b1..0000000 --- a/apps/mobile/src/app/App.tsx +++ /dev/null @@ -1,716 +0,0 @@ -/* eslint-disable jsx-a11y/accessible-emoji */ -import React, { useRef, useState } from 'react'; -import { - SafeAreaView, - StyleSheet, - ScrollView, - View, - Text, - StatusBar, - TouchableOpacity, - Linking, -} from 'react-native'; -import Svg, { G, Path } from 'react-native-svg'; - -export const App = () => { - const [whatsNextYCoord, setWhatsNextYCoord] = useState(0); - const scrollViewRef = useRef(null); - - return ( - <> - - - { - scrollViewRef.current = ref; - }} - contentInsetAdjustmentBehavior="automatic" - style={styles.scrollView} - > - - Hello there, - - Welcome Mobile 👋 - - - - - - - - - - You're up and running - - - { - scrollViewRef.current?.scrollTo({ - x: 0, - y: whatsNextYCoord, - }); - }} - > - - What's next? - - - - - - - - Learning materials - - - Linking.openURL( - 'https://nx.dev/getting-started/intro?utm_source=nx-project', - ) - } - > - - - - - Documentation - - Everything is in there - - - - - - - - Linking.openURL('https://blog.nrwl.io/?utm_source=nx-project') - } - > - - - - - Blog - - Changelog, features & events - - - - - - - - Linking.openURL( - 'https://www.youtube.com/@NxDevtools/videos?utm_source=nx-project', - ) - } - > - - - - - Youtube channel - - Nx Show, talks & tutorials - - - - - - - - Linking.openURL( - 'https://nx.dev/react-tutorial/1-code-generation?utm_source=nx-project', - ) - } - > - - - - - Interactive tutorials - - Create an app, step by step - - - - - - - - Linking.openURL( - 'https://nxplaybook.com/?utm_source=nx-project', - ) - } - > - - - - - - - Video courses - - Nx custom courses - - - - - - - - - - - Linking.openURL( - 'https://marketplace.visualstudio.com/items?itemName=nrwl.angular-console&utm_source=nx-project', - ) - } - > - - - - - - - Install Nx Console for VSCode - - - The official VSCode extension for Nx. - - - - - - - - - Linking.openURL( - 'https://plugins.jetbrains.com/plugin/21060-nx-console', - ) - } - > - - - - - - - - - - - - - - - - - - - Install Nx Console for JetBrains - - - Available for WebStorm, Intellij IDEA Ultimate and more! - - - - - - - - Linking.openURL('https://nx.app/?utm_source=nx-project') - } - > - - - - - - - - - Nx Cloud - - - Enable faster CI & better DX - - - - - nx connect-to-nx-cloud - - - - - - - Linking.openURL('https://nx.app/?utm_source=nx-project') - } - > - - - - - - - Nx is open source - - - Love Nx? Give us a star! - - - - - - { - const layout = event.nativeEvent.layout; - setWhatsNextYCoord(layout.y); - }} - > - - - Next steps - - - Here are some things you can do with Nx: - - - - - - - Add UI library - - - - - # Generate UI lib - - - nx g @nx/expo:lib ui - - - # Add a component - - nx g \ - - @nx/expo:component \ - - - ui/src/lib/button - - - - - - - - - View interactive project graph - - - - - nx graph - - - - - - - Run affected commands - - - - - # See what's affected by changes - - - nx affected:graph - - - # run tests for current changes - - - nx affected:text - - - # run e2e tests for current - - - # changes - - - nx affected:e2e - - - - - Carefully crafted with - - - - - - - - - ); -}; -const styles = StyleSheet.create({ - scrollView: { - backgroundColor: '#ffffff', - }, - codeBlock: { - backgroundColor: 'rgba(55, 65, 81, 1)', - marginVertical: 12, - padding: 12, - borderRadius: 4, - }, - monospace: { - color: '#ffffff', - fontFamily: 'Courier New', - marginVertical: 4, - }, - comment: { - color: '#cccccc', - }, - marginBottomSm: { - marginBottom: 6, - }, - marginBottomMd: { - marginBottom: 18, - }, - marginBottomLg: { - marginBottom: 24, - }, - textLight: { - fontWeight: '300', - }, - textBold: { - fontWeight: '500', - }, - textCenter: { - textAlign: 'center', - }, - text2XS: { - fontSize: 12, - }, - textXS: { - fontSize: 14, - }, - textSm: { - fontSize: 16, - }, - textMd: { - fontSize: 18, - }, - textLg: { - fontSize: 24, - }, - textXL: { - fontSize: 48, - }, - textContainer: { - marginVertical: 12, - }, - textSubtle: { - color: '#6b7280', - }, - section: { - marginVertical: 24, - marginHorizontal: 12, - }, - shadowBox: { - backgroundColor: 'white', - borderRadius: 24, - shadowColor: 'black', - shadowOpacity: 0.15, - shadowOffset: { - width: 1, - height: 4, - }, - shadowRadius: 12, - padding: 24, - marginBottom: 24, - }, - listItem: { - display: 'flex', - flexDirection: 'row', - alignItems: 'center', - }, - listItemTextContainer: { - marginLeft: 12, - flex: 1, - }, - appTitleText: { - paddingTop: 12, - fontWeight: '500', - }, - hero: { - borderRadius: 12, - backgroundColor: '#143055', - padding: 36, - marginBottom: 24, - }, - heroTitle: { - flex: 1, - flexDirection: 'row', - }, - heroTitleText: { - color: '#ffffff', - marginLeft: 12, - }, - heroText: { - color: '#ffffff', - marginVertical: 12, - }, - whatsNextButton: { - backgroundColor: '#ffffff', - paddingVertical: 16, - borderRadius: 8, - width: '50%', - marginTop: 24, - }, - learning: { - marginVertical: 12, - }, - love: { - marginTop: 12, - justifyContent: 'center', - }, -}); - -export default App;