Skip to content

Commit 59fd1cb

Browse files
anwersolangianwersolangi
committed
Finalized all screens, added some functionalilites, Auth and Terms pages added, empty states remaining
1 parent 0865a0b commit 59fd1cb

34 files changed

+5530
-27
lines changed

‎App.js‎

Lines changed: 214 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -16,11 +16,21 @@ import {createMaterialTopTabNavigator} from '@react-navigation/material-top-tabs
1616
import UserScreen from './src/Screens/User';
1717
import UserData from './src/Utils/User.json';
1818
import EditVideo from './src/Screens/EditVideo';
19+
import EditChannel from './src/Screens/EditChannel';
1920
import UserVideo from './src/Screens/UserVideo';
2021
import Library from './src/Screens/Library';
2122
import Search from './src/Screens/Search';
2223
import Notifications from './src/Screens/Notifications';
2324
import Settings from './src/Screens/Settings';
25+
import Purchases from './src/Screens/Purchases';
26+
import Earnings from './src/Screens/Earnings';
27+
import BlockedUser from './src/Screens/Block';
28+
import Verification from './src/Screens/Verification';
29+
import AboutUs from './src/Screens/AboutUs';
30+
import AboutComp from './src/Screens/AboutUs_2';
31+
import Login from './src/Screens/Login';
32+
import Signup from './src/Screens/Signup';
33+
import PrivacyPolicy from './src/Screens/PrivacyPolicy';
2434

2535
const Stack = createStackNavigator();
2636
const Tab = createBottomTabNavigator();
@@ -152,7 +162,9 @@ function UserChannel() {
152162
const App = props => {
153163
return (
154164
<NavigationContainer>
155-
<Stack.Navigator initialRouteName="Main">
165+
<Stack.Navigator
166+
initialRouteName="Main"
167+
screenOptions={{headerStyle: {elevation: 0, shadowOpacity: 0}}}>
156168
<Stack.Screen
157169
name="SplashScreen"
158170
component={SplashScreen}
@@ -186,8 +198,13 @@ const App = props => {
186198
/>
187199
<Stack.Screen
188200
name="Settings"
189-
component={Notifications}
201+
component={Settings}
190202
options={({navigation}) => ({
203+
headerStyle: {
204+
height: 45,
205+
elevation: 0,
206+
shadowOpacity: 0,
207+
},
191208
headerLeft: () => (
192209
<Pressable
193210
style={styles.headerLeft}
@@ -203,6 +220,8 @@ const App = props => {
203220
options={({navigation, roue}) => ({
204221
headerStyle: {
205222
height: 45,
223+
elevation: 0,
224+
shadowOpacity: 0,
206225
},
207226
headerTitleAlign: 'left',
208227
headerTitle: () => (
@@ -226,6 +245,8 @@ const App = props => {
226245
options={({navigation, route}) => ({
227246
headerStyle: {
228247
height: 45,
248+
elevation: 0,
249+
shadowOpacity: 0,
229250
},
230251
headerTitleAlign: 'left',
231252
headerTitle: () => (
@@ -242,20 +263,211 @@ const App = props => {
242263
options={({navigation, route}) => ({
243264
headerStyle: {
244265
height: 45,
266+
elevation: 0,
267+
shadowOpacity: 0,
245268
},
246269
headerTitleAlign: 'left',
247270
headerTitle: () => (
248271
<Text style={styles.channelName}>{route?.params.videoTitle}</Text>
249272
),
250273
})}
251274
/>
275+
<Stack.Screen
276+
name="EditProfile"
277+
initialParams={{optionsModal: false}}
278+
component={EditChannel}
279+
options={({navigation, route}) => ({
280+
headerStyle: {
281+
height: 45,
282+
elevation: 0,
283+
shadowOpacity: 0,
284+
},
285+
headerTitleAlign: 'left',
286+
headerTitle: () => (
287+
<Text style={styles.channelName}>
288+
{route?.params.channelName}
289+
</Text>
290+
),
291+
})}
292+
/>
293+
<Stack.Screen
294+
name="Earnings"
295+
initialParams={{optionsModal: false}}
296+
component={Earnings}
297+
options={({navigation, route}) => ({
298+
headerStyle: {
299+
height: 45,
300+
elevation: 0,
301+
shadowOpacity: 0,
302+
},
303+
})}
304+
/>
305+
<Stack.Screen
306+
name="Purchases"
307+
initialParams={{optionsModal: false}}
308+
component={Purchases}
309+
options={({navigation, route}) => ({
310+
headerStyle: {
311+
height: 45,
312+
elevation: 0,
313+
shadowOpacity: 0,
314+
},
315+
headerLeft: () => (
316+
<Pressable
317+
style={styles.headerLeft}
318+
onPress={() => navigation.goBack()}>
319+
<Icon name="arrow-back-outline" color="#212121" size={28} />
320+
</Pressable>
321+
),
322+
})}
323+
/>
324+
<Stack.Screen
325+
name="Verification"
326+
initialParams={{optionsModal: false}}
327+
component={Verification}
328+
options={({navigation, route}) => ({
329+
headerStyle: {
330+
height: 45,
331+
elevation: 0,
332+
shadowOpacity: 0,
333+
},
334+
headerLeft: () => (
335+
<Pressable
336+
style={styles.headerLeft}
337+
onPress={() => navigation.goBack()}>
338+
<Icon name="arrow-back-outline" color="#212121" size={28} />
339+
</Pressable>
340+
),
341+
})}
342+
/>
343+
<Stack.Screen
344+
name="AboutUs"
345+
initialParams={{optionsModal: false}}
346+
component={AboutUs}
347+
options={({navigation, route}) => ({
348+
headerStyle: {
349+
height: 45,
350+
elevation: 0,
351+
shadowOpacity: 0,
352+
},
353+
headerLeft: () => (
354+
<Pressable
355+
style={styles.headerLeft}
356+
onPress={() => navigation.goBack()}>
357+
<Icon name="arrow-back-outline" color="#212121" size={28} />
358+
</Pressable>
359+
),
360+
})}
361+
/>
362+
<Stack.Screen
363+
name="AboutComp"
364+
initialParams={{optionsModal: false}}
365+
component={AboutComp}
366+
options={({navigation, route}) => ({
367+
headerStyle: {
368+
height: 45,
369+
elevation: 0,
370+
shadowOpacity: 0,
371+
},
372+
headerTitle: 'About US RN',
373+
headerLeft: () => (
374+
<Pressable
375+
style={styles.headerLeft}
376+
onPress={() => navigation.goBack()}>
377+
<Icon name="arrow-back-outline" color="#212121" size={28} />
378+
</Pressable>
379+
),
380+
})}
381+
/>
382+
<Stack.Screen
383+
name="Login"
384+
initialParams={{optionsModal: false}}
385+
component={Login}
386+
options={({navigation, route}) => ({
387+
headerStyle: {
388+
height: 45,
389+
elevation: 0,
390+
shadowOpacity: 0,
391+
},
392+
headerTitle: 'Login',
393+
headerLeft: () => (
394+
<Pressable
395+
style={styles.headerLeft}
396+
onPress={() => navigation.goBack()}>
397+
<Icon name="arrow-back-outline" color="#212121" size={28} />
398+
</Pressable>
399+
),
400+
})}
401+
/>
402+
<Stack.Screen
403+
name="Signup"
404+
initialParams={{optionsModal: false}}
405+
component={Signup}
406+
options={({navigation, route}) => ({
407+
headerStyle: {
408+
height: 45,
409+
elevation: 0,
410+
shadowOpacity: 0,
411+
},
412+
headerTitle: 'Signup',
413+
headerLeft: () => (
414+
<Pressable
415+
style={styles.headerLeft}
416+
onPress={() => navigation.goBack()}>
417+
<Icon name="arrow-back-outline" color="#212121" size={28} />
418+
</Pressable>
419+
),
420+
})}
421+
/>
422+
<Stack.Screen
423+
name="PrivacyPolicy"
424+
initialParams={{optionsModal: false}}
425+
component={PrivacyPolicy}
426+
options={({navigation, route}) => ({
427+
headerStyle: {
428+
height: 45,
429+
elevation: 0,
430+
shadowOpacity: 0,
431+
},
432+
headerTitle: 'Privacy Policy',
433+
headerLeft: () => (
434+
<Pressable
435+
style={styles.headerLeft}
436+
onPress={() => navigation.goBack()}>
437+
<Icon name="arrow-back-outline" color="#212121" size={28} />
438+
</Pressable>
439+
),
440+
})}
441+
/>
442+
<Stack.Screen
443+
name="BlockedList"
444+
initialParams={{optionsModal: false}}
445+
component={BlockedUser}
446+
options={({navigation, route}) => ({
447+
headerStyle: {
448+
height: 45,
449+
elevation: 0,
450+
shadowOpacity: 0,
451+
},
452+
headerTitle: 'Blocked Users',
453+
headerLeft: () => (
454+
<Pressable
455+
style={styles.headerLeft}
456+
onPress={() => navigation.goBack()}>
457+
<Icon name="arrow-back-outline" color="#212121" size={28} />
458+
</Pressable>
459+
),
460+
})}
461+
/>
252462
<Stack.Screen
253463
name="VideosScreen"
254464
initialParams={{optionsModal: false}}
255465
component={Videos}
256466
options={({navigation, route}) => ({
257467
headerStyle: {
258468
height: 45,
469+
elevation: 0,
470+
shadowOpacity: 0,
259471
},
260472
headerTitleAlign: 'left',
261473
headerTitle: () => (

‎assets/background.svg‎

Lines changed: 31 additions & 0 deletions
Loading

‎assets/bankLogo.png‎

12.1 KB
Loading

‎assets/creditCard.png‎

155 KB
Loading

‎assets/defaultProfile.jpg‎

42.7 KB
Loading

‎assets/login.png‎

26.9 KB
Loading

‎assets/logo.png‎

1.76 KB
Loading

‎assets/payoneerLogo.png‎

4.94 KB
Loading

‎assets/ppLogo.png‎

4.25 KB
Loading

0 commit comments

Comments
 (0)