Skip to content

Commit 15ef20d

Browse files
Nwagba Okechukwu MartinNwagba Okechukwu Martin
Nwagba Okechukwu Martin
authored and
Nwagba Okechukwu Martin
committed
added the needed emote assets and fixed bottomsheet bug
1 parent 5187a9f commit 15ef20d

File tree

154 files changed

+573
-991
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

154 files changed

+573
-991
lines changed

‎projects/twitchCloneExpo/App.tsx‎

Lines changed: 92 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -7,100 +7,106 @@ import MainScreen from "./src/screen/mainScreen";
77
import LiveScreen from "./src/screen/liveStream";
88
import SearchScreen from "./src/screen/main_screens/search";
99
import { RootStackParamList } from "./types";
10+
import {
11+
12+
BottomSheetModalProvider
13+
14+
} from "@gorhom/bottom-sheet";
1015

1116
const Stack = createNativeStackNavigator<RootStackParamList>();
1217

1318
export default function App() {
1419
return (
15-
<NavigationContainer>
16-
<Stack.Navigator initialRouteName="Home">
17-
<Stack.Screen
18-
name="Home"
19-
component={MainScreen}
20-
options={{
21-
title: "",
22-
headerLeft: () => (
23-
<Image
24-
source={{
25-
uri: "https://avatars.githubusercontent.com/u/24194413?s=96&v=4",
26-
}}
27-
style={styles.avatar}
28-
/>
29-
),
30-
headerRight: () => (
31-
<View style={{ flexDirection: "row" }}>
32-
<Pressable
33-
onPress={() => {}}
34-
style={({ pressed }) => ({
35-
opacity: pressed ? 0.5 : 1,
36-
})}
37-
>
38-
<AntDesign
39-
name="videocamera"
40-
size={25}
41-
color="black"
42-
style={{ marginRight: 15 }}
43-
/>
44-
</Pressable>
20+
<BottomSheetModalProvider>
21+
<NavigationContainer>
22+
<Stack.Navigator initialRouteName="Home">
23+
<Stack.Screen
24+
name="Home"
25+
component={MainScreen}
26+
options={{
27+
title: "",
28+
headerLeft: () => (
29+
<Image
30+
source={{
31+
uri: "https://avatars.githubusercontent.com/u/24194413?s=96&v=4",
32+
}}
33+
style={styles.avatar}
34+
/>
35+
),
36+
headerRight: () => (
37+
<View style={{ flexDirection: "row" }}>
38+
<Pressable
39+
onPress={() => {}}
40+
style={({ pressed }) => ({
41+
opacity: pressed ? 0.5 : 1,
42+
})}
43+
>
44+
<AntDesign
45+
name="videocamera"
46+
size={25}
47+
color="black"
48+
style={{ marginRight: 15 }}
49+
/>
50+
</Pressable>
4551

46-
<Pressable
47-
onPress={() => {}}
48-
style={({ pressed }) => ({
49-
opacity: pressed ? 0.5 : 1,
50-
})}
51-
>
52-
<AntDesign
53-
name="inbox"
54-
size={25}
55-
color="black"
56-
style={{ marginRight: 15 }}
57-
/>
58-
</Pressable>
52+
<Pressable
53+
onPress={() => {}}
54+
style={({ pressed }) => ({
55+
opacity: pressed ? 0.5 : 1,
56+
})}
57+
>
58+
<AntDesign
59+
name="inbox"
60+
size={25}
61+
color="black"
62+
style={{ marginRight: 15 }}
63+
/>
64+
</Pressable>
5965

60-
<Pressable
61-
onPress={() => {}}
62-
style={({ pressed }) => ({
63-
opacity: pressed ? 0.5 : 1,
64-
})}
65-
>
66-
<AntDesign
67-
name="message1"
68-
size={25}
69-
color="black"
70-
style={{ marginRight: 15 }}
71-
/>
72-
</Pressable>
66+
<Pressable
67+
onPress={() => {}}
68+
style={({ pressed }) => ({
69+
opacity: pressed ? 0.5 : 1,
70+
})}
71+
>
72+
<AntDesign
73+
name="message1"
74+
size={25}
75+
color="black"
76+
style={{ marginRight: 15 }}
77+
/>
78+
</Pressable>
7379

74-
<Pressable
75-
onPress={({}) => {
76-
// const navigation = useNavigation();
77-
// navigation.navigate({ key: "Search" });
78-
}}
79-
style={({ pressed }) => ({
80-
opacity: pressed ? 0.5 : 1,
81-
})}
82-
>
83-
<AntDesign
84-
name="search1"
85-
size={styles.icon.height}
86-
color="black"
87-
style={styles.icon}
88-
/>
89-
</Pressable>
90-
</View>
91-
),
92-
}}
93-
/>
94-
<Stack.Screen
95-
96-
name="Live"
97-
component={LiveScreen}
98-
options={{ headerShown: true ,headerTintColor:"black", title:"",}}
99-
initialParams={{ url: "" ,}}
100-
/>
101-
<Stack.Screen name="Search" component={SearchScreen} />
102-
</Stack.Navigator>
103-
</NavigationContainer>
80+
<Pressable
81+
onPress={({}) => {
82+
// const navigation = useNavigation();
83+
// navigation.navigate({ key: "Search" });
84+
}}
85+
style={({ pressed }) => ({
86+
opacity: pressed ? 0.5 : 1,
87+
})}
88+
>
89+
<AntDesign
90+
name="search1"
91+
size={styles.icon.height}
92+
color="black"
93+
style={styles.icon}
94+
/>
95+
</Pressable>
96+
</View>
97+
),
98+
}}
99+
/>
100+
<Stack.Screen
101+
name="Live"
102+
component={LiveScreen}
103+
options={{ headerShown: true, headerTintColor: "black", title: "" }}
104+
initialParams={{ url: "" }}
105+
/>
106+
<Stack.Screen name="Search" component={SearchScreen} />
107+
</Stack.Navigator>
108+
</NavigationContainer>
109+
</BottomSheetModalProvider>
104110
);
105111
}
106112

‎projects/twitchCloneExpo/assets/badges/aaron128l.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎projects/twitchCloneExpo/assets/badges/aiden.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎projects/twitchCloneExpo/assets/badges/blakelund.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎projects/twitchCloneExpo/assets/badges/cheesey.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎projects/twitchCloneExpo/assets/badges/cleanbin.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎projects/twitchCloneExpo/assets/badges/ehsankia.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎projects/twitchCloneExpo/assets/badges/goblin_fps.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎projects/twitchCloneExpo/assets/badges/jacksack.svg‎

Lines changed: 10 additions & 0 deletions
Loading

‎projects/twitchCloneExpo/assets/badges/korppiworppi.svg‎

Lines changed: 10 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)