Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update example app for RN 0.35, fix Gmaps bug for 0.35 #695

Merged
merged 2 commits into from
Oct 14, 2016

Conversation

spikebrehm
Copy link

Update the example app for RN 0.35.0.

Also fix the same bug that #680 fixes but for AIRGoogleMapMarker.

Also update the React dependency to 15.3.1, which is required for RN => 0.34.

to: @lelandrichardson @gilbox @felipecsl

@spikebrehm
Copy link
Author

cc: @christopherdro

@spikebrehm spikebrehm mentioned this pull request Oct 14, 2016
@spikebrehm spikebrehm merged commit 1d5b044 into master Oct 14, 2016
@spikebrehm spikebrehm deleted the example-app-0.35 branch October 14, 2016 23:58
@Peakdrum
Copy link

Hello,

I am trying to display a simple map on my app with react native. But still got the error. So this is my step that I got the error.

  1. I run the react-native to initiate the project
    npm init mapPlay1
    2.Then I cd into the project
    cd mapPlay1
  2. Then I run the npm install reactive-map
    npm install react-native-maps --save
  3. Then I run react-native link
    react-native link
  4. Then I change directory to ios
    cd ios
  5. Then I create a Podfile
    touch Podfile
  6. Then I copy the Podfile from [https://github.com/airbnb/react-native-maps/blob/master/example/ios/Podfile] and change the target to mapPlay1
  7. Then I run
    pod install
  8. Then I go back a directory
    cd ../
  9. Then I copy the AirMaps from [https://github.com/airbnb/react-native-maps/tree/master/ios/AirMaps]
  10. I have this as my index.ios.js:
    `
    import React, { Component } from 'react';
    import MapView from 'react-native-maps';
    import {
    AppRegistry,
    StyleSheet,
    View,
    } from 'react-native';

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

<MapView
style={styles.map}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}
/>

);
}
}

const styles = StyleSheet.create({
container: {
...StyleSheet.absoluteFillObject,
height: 400,
width: 400,
justifyContent: 'flex-end',
alignItems: 'center',
},
map: {
...StyleSheet.absoluteFillObject,
},
});

AppRegistry.registerComponent('mapPlay1', () => mapPlay1);
12.Then I open the project mapPlay1/ios/xcworkspaceopen mapPlay1/ios/xcworkspace13. Then I press the build and run button in xcode 14. Then I got this error : root/mapPlay1/node_modules/react-native-maps/ios/AirMaps/AIRMapMarker.m:212:58: No visible @interface for 'RCTImageLoader' declares the selector 'loadImageWithURLRequest:size:scale:clipped:resizeMode:progressBlock:completionBlock:'`

  1. so I tried to do
    rnpm link
    then run
    `react-native run-ios
  2. and it doesn't work .. nothing display only red border

Can you please help? How can I make the map display?

Thank you

@spikebrehm
Copy link
Author

@Peakdrum can you verify that you're using react-native-maps@0.11.0?

@spikebrehm
Copy link
Author

and also react-native@0.35?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants