React Native App Project

REQUIREMENTS:

In react native language

• Your app must have at least 5 screens
• Your app must contain at least 2 Images
• Your app must display at least 1 screen of text
• Your app must have a View with a DataSource (ListView / FlatList / ScrollVIew)
• One touch related behavior
• Each page of your app must be stylized
• App should seem seamless: This means a common navigation and look across the pages

1st screen:

hottest apps out right now have images of apps (twitter, instagram, snap) and a brief description of the apps

2nd screen:

talk about Twitter briefly with one of the DataSource (ListView / FlatList / ScrollVIew)

3rd screen:

Discuss features of instagram but with a click-on button. For example you have the logo of instagram with an info button under it and once its pressed it displays some brief info about Instagram.

4th Screen:

have a one one touch behavior discussing snapchat

5th screen:

have a goodbye page

Chrome File Edit View History Bookmarks People Tab Window Help
← → C
▲ Open files
App.js
Social Media Apps
Log in to save your changes as you work ✓
▲ Project
▸ (22) YouTube
assets
components
App.js
package.json
README.md
ERRORS
LOGS
x
⠀
snack.expo.io/@k3bor118/social-media-apps
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
Dashboard
18
19
20
21
22
23
24
25
Text,
View,
Image,
import ‘react-native-gesture-handler’;
import React, { Component} from ‘react’;
import {
StyleSheet,
X
TouchableOpacity,
ScrollView,
Button,
Linking,
} from ‘react-native’;
import Constants from ‘expo-constants’;
import { NavigationContainer } from ‘@react-navigation/native’;
import { createDrawer Navigator } from ‘@react-navigation/drawer’;
class Root extends Component {
render() {
return (
);
Order | 99papers.com X
{this.props.description}
Device: (0:0) Unable to resolve module ‘module://fbjs/lib/invariant.js’
Evaluating module://fbjs/lib/invariant.js
Evaluating module://react-native-reanimated.js
Evaluating module://@react-navigation/drawer.js
Evaluating module://App.js.js
Loading module://App.js
Device: Unable to resolve module ‘module://fbjs/lib/invariant.js’
P
WE
final.pdf
•
1541500
X
tv
Layout with Flexbox X
A
Q Search
SOLUTION: react nati X
Run
Prettier {} Editor
Editor
[]
37%
X
Fri 3:30 PM Omar Q
Export Embed
Snack
Did you know:
You can turn off automatic updates
under Devices in the footer?
Evaluating
iOS Android Web
Unable to resolve module
‘module://fbjs/lib/invariant.js’
module://fbjs/lib/invariant.js
Evaluating module://react-
native-reanimated.js
Evaluating module://@react-
navigation/drawer.js
Evaluating module://App.js.js
Loading module://App.js
X +
Saved
Error: Unable to resolve module
‘module://fbjs/lib/invariant.js’
at Object.eval
d:1:113)
at eval
d:2:4)
(module://fbjs/lib/invariant.js!transpile
at eval
(module://fbjs/lib/invariant.js!transpile
Expo
Expo v37.0.0
0
(module://fbjs/lib/invariant.js!transpile
d:3:3)
at eval ()
at [snack internals]
at Object.n ([snack internals]
at e.evaluate ([snack internals]
at He ([snack internals]
Devices 1
Preview