Skip to content

Commit e251292

Browse files
romanobro56romanobro56
committed
removed unnecessary example code and changed icon color to pink
1 parent 9edde51 commit e251292

File tree

4 files changed

+8
-153
lines changed

4 files changed

+8
-153
lines changed

‎app/(tabs)/_layout.tsx

+2-2
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ export default function TabLayout() {
1717
<Tabs.Screen
1818
name="index"
1919
options={{
20-
title: 'Home',
20+
title:"",
2121
tabBarIcon: ({ color, focused }) => (
2222
<TabBarIcon name={focused ? 'home' : 'home-outline'} color={color} />
2323
),
@@ -26,7 +26,7 @@ export default function TabLayout() {
2626
<Tabs.Screen
2727
name="explore"
2828
options={{
29-
title: 'Explore',
29+
title:"",
3030
tabBarIcon: ({ color, focused }) => (
3131
<TabBarIcon name={focused ? 'code-slash' : 'code-slash-outline'} color={color} />
3232
),

‎app/(tabs)/explore.tsx

+2-90
Original file line numberDiff line numberDiff line change
@@ -9,94 +9,6 @@ import { ThemedView } from '@/components/ThemedView';
99

1010
export default function TabTwoScreen() {
1111
return (
12-
<ParallaxScrollView
13-
headerBackgroundColor={{ light: '#D0D0D0', dark: '#353636' }}
14-
headerImage={<Ionicons size={310} name="code-slash" style={styles.headerImage} />}>
15-
<ThemedView style={styles.titleContainer}>
16-
<ThemedText type="title">Explore</ThemedText>
17-
</ThemedView>
18-
<ThemedText>This app includes example code to help you get started.</ThemedText>
19-
<Collapsible title="File-based routing">
20-
<ThemedText>
21-
This app has two screens:{' '}
22-
<ThemedText type="defaultSemiBold">app/(tabs)/index.tsx</ThemedText> and{' '}
23-
<ThemedText type="defaultSemiBold">app/(tabs)/explore.tsx</ThemedText>
24-
</ThemedText>
25-
<ThemedText>
26-
The layout file in <ThemedText type="defaultSemiBold">app/(tabs)/_layout.tsx</ThemedText>{' '}
27-
sets up the tab navigator.
28-
</ThemedText>
29-
<ExternalLink href="https://docs.expo.dev/router/introduction">
30-
<ThemedText type="link">Learn more</ThemedText>
31-
</ExternalLink>
32-
</Collapsible>
33-
<Collapsible title="Android, iOS, and web support">
34-
<ThemedText>
35-
You can open this project on Android, iOS, and the web. To open the web version, press{' '}
36-
<ThemedText type="defaultSemiBold">w</ThemedText> in the terminal running this project.
37-
</ThemedText>
38-
</Collapsible>
39-
<Collapsible title="Images">
40-
<ThemedText>
41-
For static images, you can use the <ThemedText type="defaultSemiBold">@2x</ThemedText> and{' '}
42-
<ThemedText type="defaultSemiBold">@3x</ThemedText> suffixes to provide files for
43-
different screen densities
44-
</ThemedText>
45-
<Image source={require('@/assets/images/react-logo.png')} style={{ alignSelf: 'center' }} />
46-
<ExternalLink href="https://reactnative.dev/docs/images">
47-
<ThemedText type="link">Learn more</ThemedText>
48-
</ExternalLink>
49-
</Collapsible>
50-
<Collapsible title="Custom fonts">
51-
<ThemedText>
52-
Open <ThemedText type="defaultSemiBold">app/_layout.tsx</ThemedText> to see how to load{' '}
53-
<ThemedText style={{ fontFamily: 'SpaceMono' }}>
54-
custom fonts such as this one.
55-
</ThemedText>
56-
</ThemedText>
57-
<ExternalLink href="https://docs.expo.dev/versions/latest/sdk/font">
58-
<ThemedText type="link">Learn more</ThemedText>
59-
</ExternalLink>
60-
</Collapsible>
61-
<Collapsible title="Light and dark mode components">
62-
<ThemedText>
63-
This template has light and dark mode support. The{' '}
64-
<ThemedText type="defaultSemiBold">useColorScheme()</ThemedText> hook lets you inspect
65-
what the user's current color scheme is, and so you can adjust UI colors accordingly.
66-
</ThemedText>
67-
<ExternalLink href="https://docs.expo.dev/develop/user-interface/color-themes/">
68-
<ThemedText type="link">Learn more</ThemedText>
69-
</ExternalLink>
70-
</Collapsible>
71-
<Collapsible title="Animations">
72-
<ThemedText>
73-
This template includes an example of an animated component. The{' '}
74-
<ThemedText type="defaultSemiBold">components/HelloWave.tsx</ThemedText> component uses
75-
the powerful <ThemedText type="defaultSemiBold">react-native-reanimated</ThemedText> library
76-
to create a waving hand animation.
77-
</ThemedText>
78-
{Platform.select({
79-
ios: (
80-
<ThemedText>
81-
The <ThemedText type="defaultSemiBold">components/ParallaxScrollView.tsx</ThemedText>{' '}
82-
component provides a parallax effect for the header image.
83-
</ThemedText>
84-
),
85-
})}
86-
</Collapsible>
87-
</ParallaxScrollView>
12+
<></>
8813
);
89-
}
90-
91-
const styles = StyleSheet.create({
92-
headerImage: {
93-
color: '#808080',
94-
bottom: -90,
95-
left: -35,
96-
position: 'absolute',
97-
},
98-
titleContainer: {
99-
flexDirection: 'row',
100-
gap: 8,
101-
},
102-
});
14+
}

‎app/(tabs)/index.tsx

+3-60
Original file line numberDiff line numberDiff line change
@@ -7,64 +7,7 @@ import { ThemedView } from '@/components/ThemedView';
77

88
export default function HomeScreen() {
99
return (
10-
<ParallaxScrollView
11-
headerBackgroundColor={{ light: '#A1CEDC', dark: '#1D3D47' }}
12-
headerImage={
13-
<Image
14-
source={require('@/assets/images/partial-react-logo.png')}
15-
style={styles.reactLogo}
16-
/>
17-
}>
18-
<ThemedView style={styles.titleContainer}>
19-
<ThemedText type="title">Welcome!</ThemedText>
20-
<HelloWave />
21-
</ThemedView>
22-
<ThemedView style={styles.stepContainer}>
23-
<ThemedText type="subtitle">Step 1: Try it</ThemedText>
24-
<ThemedText>
25-
Edit <ThemedText type="defaultSemiBold">app/(tabs)/index.tsx</ThemedText> to see changes.
26-
Press{' '}
27-
<ThemedText type="defaultSemiBold">
28-
{Platform.select({ ios: 'cmd + d', android: 'cmd + m' })}
29-
</ThemedText>{' '}
30-
to open developer tools.
31-
</ThemedText>
32-
</ThemedView>
33-
<ThemedView style={styles.stepContainer}>
34-
<ThemedText type="subtitle">Step 2: Explore</ThemedText>
35-
<ThemedText>
36-
Tap the Explore tab to learn more about what's included in this starter app.
37-
</ThemedText>
38-
</ThemedView>
39-
<ThemedView style={styles.stepContainer}>
40-
<ThemedText type="subtitle">Step 3: Get a fresh start</ThemedText>
41-
<ThemedText>
42-
When you're ready, run{' '}
43-
<ThemedText type="defaultSemiBold">npm run reset-project</ThemedText> to get a fresh{' '}
44-
<ThemedText type="defaultSemiBold">app</ThemedText> directory. This will move the current{' '}
45-
<ThemedText type="defaultSemiBold">app</ThemedText> to{' '}
46-
<ThemedText type="defaultSemiBold">app-example</ThemedText>.
47-
</ThemedText>
48-
</ThemedView>
49-
</ParallaxScrollView>
10+
<>
11+
</>
5012
);
51-
}
52-
53-
const styles = StyleSheet.create({
54-
titleContainer: {
55-
flexDirection: 'row',
56-
alignItems: 'center',
57-
gap: 8,
58-
},
59-
stepContainer: {
60-
gap: 8,
61-
marginBottom: 8,
62-
},
63-
reactLogo: {
64-
height: 178,
65-
width: 290,
66-
bottom: 0,
67-
left: 0,
68-
position: 'absolute',
69-
},
70-
});
13+
}

‎constants/Colors.ts

+1-1
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
* There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [Tamagui](https://tamagui.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
44
*/
55

6-
const tintColorLight = '#0a7ea4';
6+
const tintColorLight = '#EE628C';
77
const tintColorDark = '#fff';
88

99
export const Colors = {

0 commit comments

Comments
 (0)