Home Page Icon
Home Page
Table of Contents for
Lesson 2: Project 2 – Image Sharing App
Close
Lesson 2: Project 2 – Image Sharing App
by Emilio Rodriguez Martinez
React: Cross-Platform Application Development with React Native
React: Cross-Platform Application Development with React Native
React: Cross-Platform Application Development with React Native
Credits
Meet Your Expert
Preface
What's in It for Me?
What Will I Get from This Book ?
Prerequisites
1. Project 1 – Car Booking App
Overview
Setting up the Folder Structure
Files and Folders Created by React Native's CLI
__tests__/
android/ and ios/
node_modules/
Files in the Root Folder
react-native link
Running the App in the Simulator
The Developer Menu
Creating our App's Entry Point
Adding Images to Our App
LocationSearch
Aligning Elements
LocationPin
flexDirection
Dimensions
Shadows
ClassSelection
Adding Custom Fonts
Animations
ConfirmationModal
Summary
Assessments
2. Project 2 – Image Sharing App
Overview
Setting up the Folder Structure
Redux
ImagesList
Gallery
Header
ActivityIndicator
Camera
MyImages
ImageGrid
Actions
Reducers
API
Summary
Assessments
3. Project 3 – Messaging App
Overview
Firebase
Real-Time Database
Reading Data from Firebase's Database
Updating Data in Firebase's Database
Authentication
Setting up the Folder Structure
Users Store
Chats Store
Push Notifications Using Firebase
Login
Chats
ListItem
Chat
Search
Profile
Summary
Assessments
4. Project 4 – Game
Overview
Sprites
Numbers
Background
Ground
Rocks
Parrot
The Home Screen
Game Over Screen
Setting up the folder structure
GameContainer
Actions
Reducer
The Sprites Module
The Sprites Array
prepareNewRockSizes()
getRockProps()
moveSprites()
bounceParrot()
checkForCollision()
getUpdatedScore()
Constants
Parrot
RockUp and RockDown
Ground
Score
Start
GameOver
StartAgain
Summary
Assessments
5. Assessment Answers
Lesson 1: Project 1 – Car Booking App
Lesson 2: Project 2 – Image Sharing App
Lesson 3: Project 3 – Messaging App
Lesson 4: Project 4 – Game
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
5. Assessment Answers
Next
Next Chapter
Lesson 3: Project 3 – Messaging App
Lesson 2: Project 2 – Image Sharing App
Question Number
Answer
1
2
2
1
3
True
4
3
5
onPress
: What the component needs to do when the
Send
button is pressed
busy
: This means "Are we waiting for remote data?"
loginError/registrationError
: Description of the error that happened when logging/register (in case it happened)
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset