[home] Fix non-working barcode scanner (expo#3780)

# Why

Fixes expo#3767

# How

Home was using removed method `onBarCodeRead` instead of new `onBarCodeScanned`

# Test Plan

Build `home` and build Expo on Android.

# Things to be done

- [ ] publish new `home` for dev
- [x] address `ExpoAppAuth` missing module (expo#3781)

home/screens/QRCodeScreen.android.js

@@ -1,15 +1,7 @@
 /* @flow */
 
 import React from 'react';
-import {
-  Dimensions,
-  Linking,
-  StatusBar,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from 'react-native';
+import { Linking, StatusBar, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { BarCodeScanner } from 'expo';
 import { throttle } from 'lodash';
 
@@ -47,7 +39,10 @@ export default class BarCodeScreen extends React.Component {
     return (
       <View style={styles.container}>
         {this.state.scannerIsVisible ? (
-          <BarCodeScanner onBarCodeRead={this._handleBarCodeRead} style={StyleSheet.absoluteFill} />
+          <BarCodeScanner
+            onBarCodeScanned={this._handleBarCodeScanned}
+            style={StyleSheet.absoluteFill}
+          />
         ) : null}
 
         <View style={styles.topOverlay} />
@@ -76,7 +71,7 @@ export default class BarCodeScreen extends React.Component {
     );
   }
 
-  _handleBarCodeRead = throttle(({ data: url }) => {
+  _handleBarCodeScanned = throttle(({ data: url }) => {
     this.setState({ scannerIsVisible: false }, () => {
       if (this._isMounted) {
         this._openUrl(url);
@@ -186,7 +181,6 @@ const styles = StyleSheet.create({
   header: {
     position: 'absolute',
     top: 40,
-    left: 0,
     right: 0,
     alignItems: 'flex-start',
     left: 25,

home/screens/QRCodeScreen.ios.js

@@ -1,14 +1,7 @@
 /* @flow */
 
 import React from 'react';
-import {
-  Linking,
-  StatusBar,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from 'react-native';
+import { Linking, StatusBar, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
 import { Camera } from 'expo';
 import { throttle } from 'lodash';
 import isIPhoneX from '../utils/isIPhoneX';
@@ -43,10 +36,7 @@ export default class BarCodeScreen extends React.Component {
     return (
       <View style={styles.container}>
         {this.state.scannerIsVisible ? (
-          <Camera
-            onBarCodeRead={this._handleBarCodeRead}
-            style={StyleSheet.absoluteFill}
-          />
+          <Camera onBarCodeScanned={this._handleBarCodeScanned} style={StyleSheet.absoluteFill} />
         ) : null}
 
         <View style={styles.topOverlay} />
@@ -75,7 +65,7 @@ export default class BarCodeScreen extends React.Component {
     );
   }
 
-  _handleBarCodeRead = throttle(({ data: url }) => {
+  _handleBarCodeScanned = throttle(({ data: url }) => {
     this.setState({ scannerIsVisible: false }, () => {
       if (this._isMounted) {
         this._openUrl(url);
@@ -192,7 +182,6 @@ const styles = StyleSheet.create({
     left: 0,
     right: 0,
     alignItems: 'center',
-    left: 0,
   },
   headerText: {
     color: '#fff',

packages/expo-app-auth/src/ExpoAppAuth.ts

@@ -1,3 +1,3 @@
 import { NativeModulesProxy } from '@unimodules/core';
 
-export default NativeModulesProxy.ExpoAppAuth;
+export default NativeModulesProxy.ExpoAppAuth || {};