Skip to content

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

Merged
spikebrehm merged 2 commits intomasterfrom
example-app-0.35
Oct 14, 2016
Merged

Update example app for RN 0.35, fix Gmaps bug for 0.35#695
spikebrehm merged 2 commits intomasterfrom
example-app-0.35

Conversation

@spikebrehm
Copy link
Copy Markdown

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
Copy Markdown
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
Copy Markdown

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
Copy Markdown
Author

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

@spikebrehm
Copy link
Copy Markdown
Author

and also react-native@0.35?

pinpong pushed a commit to pinpong/react-native-maps that referenced this pull request Feb 28, 2025
Update example app for RN 0.35, fix Gmaps bug for 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