stephengrider / advancedreactnative

Companion repo to a course hosted on Udemy.com

AdvancedReactNative

Companion Repo to a course hosted on Udemy.com.

advancedreactnative's Issues

Try to render the card in the Swipe project

Try to render the card in the Swipe project

Got the error from the following in Expo

Invariant Violation: Objects are not valid as a React child (found: object with keys {name}). If you meant to render a collection of children, use an array instead.

Super expression must either be null or a function, not undefined

Hey, I am getting the following error

Super expression must either be null or a function, not undefined

App.js

import React, { Component } from 'react';
import { StyleSheet, Text, View } from 'react-native';

import Ball from './src/Ball';

export default class App extends Component {
render() {
return (

  </View>
);

}
}

const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});

Ball.js

import React, { Component } from 'react-native';
import { View } from 'react-native';

export default class Ball extends Component{
render(){
return(

);
}
}

const styles = {
ball: {
height: 60,
width: 60,
borderRadius: 30,
borderWidth: 30,
borderColor: 'black'
}
};

[README] Please do not post issues here

Github has poor tools for tracking issues - If you run into any problems please post em on the Udemy course forums.

Wrong NODE/NPM version?

Hey, I purchased your course on UDEMY. Everything worked fine until I installed the React Native Elements package. I was then prompted to install npm in my directory so I installed version 8.11.3 of NODE as well as NPM and updated NPM to Version 6.1.0. I do now get the error message

SyntaxError in D:\Expo_Apps\First_Expo_App\swipe\App.js: D:/Expo_Apps/First_Expo_App/swipe/App.js: Unexpected token, expected , (30:24)
�[0m �[90m 28 | �[39m image�[33m=�[39m{{ uri�[33m:�[39mitem�[33m.�[39muri }}
�[90m 29 | �[39m �[33m>�[39m
�[31m�[1m>�[22m�[39m�[90m 30 | �[39m �[33m<�[39m�[33mText�[39m style�[33m=�[39m{{ margin�[33m-�[39mbottom�[33m:�[39m �[35m10�[39m }}�[33m>�[39m
�[90m | �[39m �[31m�[1m^�[22m�[39m
�[90m 31 | �[39m �[33mCustomizing�[39m cards �[33mRULEZ�[39m�[33m!�[39m
�[90m 32 | �[39m �[33m<�[39m�[33m/�[39m�[33mText�[39m�[33m>�[39m
�[90m 33 | �[39m �[33m<�[39m�[33mButton�[39m�[0m

Any chance you could push me in the right direction here?

Thanks a lot!

Cheers

Chris.

For the jobs project, the map's initial co-ordinates aren't getting rendered on an Android Device despite using the componentDidMount method.

Super experssion must either be null or a function - Mapbox

import React, {Componet} from 'react';
import MapboxGL from '@react-native-mapbox-gl/maps';

MapboxGL.accessToken =
'pk.eyJ1IjoicG1hcnJlcm8iLCJhIjoiY2s0eW1vNno0MDI3YzNucG9jOGdzOWJmZiJ9.59Mq2rt899naM6nylQ9jeA';

export default class WMS extends Componet{
redner(){
const map = new MapboxGL.Map({
container: 'map',
style: 'mapbox://styles/mapbox/light-v10',
zoom: 8,
center: [-74.5447, 40.6892]
});
map.on('load', function() {
map.addLayer(
{
'id': 'wms-test-layer',
'type': 'raster',
'source': {
'type': 'raster',
'tiles': [
'https://img.nj.gov/imagerywms/Natural2015?bbox={bbox-epsg-3857}&format=image/png&service=WMS&version=1.1.1&request=GetMap&srs=EPSG:3857&transparent=true&width=256&height=256&layers=Natural2015'
],
'tileSize': 256
},
'paint': {}
},
'aeroway-line'
);
});
return

map

;
}
}

App crashes after 2nd Time Search : job-native

Unable to run my first ReactNative demo with Expo

Hi Stephe,

I have tried your example, but just before I start I can not run Expo app in my Android phone (may be because of some network settings). My Firewall is also OFF. I have posted my detailed problem here:

https://stackoverflow.com/questions/47966887/expo-lan-configuration-doesnt-work-for-new-reactnative-project

Render error for map.reverse() in swipe project

Hello,

In the swipe project, Deck.js render cards using map() and reverse() on the data.

Everything works fine in iOS simulator and real devices. However, in Android simulator and devices, the Card #1 is rendered behind the Card #2 for some reasons that I cannot figure out.