React Native By Example电子书

Title Page

Credits

Foreword

About the Author

About the Reviewer

www.PacktPub.com

Customer Feedback

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Downloading the color images of this book

Errata

Piracy

Questions

First Project - Creating a Basic To-Do List App

Initializing a new project

Feature planning

Project architecture

StyleSheet

Inline styles

With StyleSheet, within the same file

StyleSheet as an imported module

Flexbox

flex

flexDirection

Writing in ES6

Building the app

ListView

Creating the TasksList component

Linking TasksList to index

The iOS Simulator Developer menu

TextInput

AsyncStorage

Using the Async and Await keywords

Custom RenderRow component

Custom RenderRow example

Prop validation in React

Moving beyond MVP

Summary

Advanced Functionality and Styling the To-Do List App

Navigator and NavigatorIOS

Looking at NavigatorIOS

A simple EditTasks component

Using DatePickerIOS

Writing a collapsible component

The LayoutAnimation API

Basic ExpandableCell implementation

Using onLayout

Button

Clearing due date example

Switch

Save button

TasksListCell modifications

Modifying tasks for Android

Navigator

Navigator example

Platform

DatePickerAndroid and TimePickerAndroid

DatePickerAndroid and TimePickerAndroid example

Saving updates

BackAndroid

Summary

Our Second Project - The Budgeting App

Getting started

App planning

Installing vector icons

Folder structure

Utilities

Date methods

Storage methods

App.js and index.ios.js

The EnterBudget component

EnterBudget component example

The AddExpenses container and modal

Looking at modals

Header and TextInput fields

DatePickerIOS plus ExpandableCell

ScrollView

ScrollView example

Saving expenses

Displaying the current month's expenses

CurrentMonthExpenses example

Summary

Advanced Functionality with the Expenses App

Using vector icons

Icon methods

Picker

Selecting a category

Updating CurrentMonthExpenses and ExpenseRow

Updating App.js with ProgressViewIOS

ProgressViewIOS example

A view for prior months' expenses

ListView with section headers

The previous month's expenses

Implementing TabBarIOS

Deleting expenses

Summary

Third Project - The Facebook Client

Planning the app

About the Facebook API

Obtaining Facebook API credentials

Installing the Facebook SDK on iOS and Android

Logging in with the Facebook SDK

Using the Facebook Graph API

GraphRequest

GraphRequestManager

Creating our first request

GraphMethods

NavigatorIOS and App component

Creating a login prompt

Optimizing for the API

Using ActivityIndicator

Creating a standard ListView

Summary

Advanced Facebook App Functionality

Creating a PostView

Adding comments to PostView

Reloading data with RefreshControl

Rendering images

Rendering links with WebView

Signing out with TabBarIOS

Porting to Android

Adding DrawerLayoutAndroid and ToolbarAndroid

Integrating Drawer with Friends

Creating an Android version of App.js

Modifying FeedList

Supporting Navigator in FeedListRow

Adding PostView navigator and BackAndroid support

Summary

Redux

Introducing Redux

The three principles of Redux

Single state tree

State is read-only

Changes are made with pure functions

Actions

Reducers

Stores

Installing Redux

Redux architecture

Containers in Redux

Remaining folder structure

Planning the Redux conversion

Creating the entry point

Setting up our store

Building the app container

Creating actions

Building reducers

Creating the TasksList container

Redux-connected TasksList component

Converting EditTasks to Redux

Adding actions for EditTask

Reducers for EditTask

Updating TasksListContainer to accommodate EditTask

Updating the TasksList component

Creating the EditTask container

Modifying the EditTask component for iOS

Modifying the EditTask component for Android

Creating a StorageMethods file for asynchronous saving

Subscribing the store to changes

Creating a thunk

Modifying our reducers

Updating the TasksListContainer

Modifying the TasksList component

Summary

Deploying Your Applications

Basic requirements

Creating developer memberships

Enrolling in the Apple Developer Program

Signing up for a Google Play Publisher account

Making your app look great

Creating an icon

Taking app screenshots

Writing a description

Combining it all

Apple App Store

Modifying the Bundle ID in Xcode

Adding app icons in Xcode

Creating an archive

iTunes Connect

Validating our app in Xcode

Submitting our app for review

Beta testing iOS apps with TestFlight

Entering test information

Creating an Internal beta test with TestFlight

Creating an External beta test with TestFlight

Google Play Store

Adding an app icon for Android

Creating a unique package identifier

Generating a Signed APK file

Submitting to Google Play

Alpha and beta testing Android apps

Summary

Additional React Native Components

Setting up a boilerplate project

Making Fetch happen

Vibration

Linking apps with a button

Slider

Using ActionSheetIOS

Creating an action sheet

Sharing content with ShareSheetIOS

Grabbing user geolocation data

Expenses for Android

Android modifications

Installing the vector icon library

ToolbarAndroid

DrawerLayoutAndroid

Connecting ToolbarAndroid and DrawerLayoutAndroid

Android-specific app component

EnterBudget styling changes

CurrentMonthExpenses for Android

Removing ExpandableCell from AddExpensesModal

Modifying Navigation for PreviousMonthsList

Summary