profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/ferdicus/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.

ferdicus/musicSocket 2

make music together

ferdicus/react-native-releases 1

React Native releases

RichardLindhout/maps 1

A Mapbox GL react native module for creating custom maps

brendanmc6/ioki-react-challenge 0

Created with CodeSandbox

ferdicus/1password-teams-open-source 0

Get a free 1Password Teams membership for your open source project

ferdicus/Detox 0

Gray box end-to-end testing and automation framework for mobile apps

ferdicus/Development 0

All sort of public guides and information related to mobile development.

ferdicus/mapbox-events-android 0

Mapbox telemetry and core libraries for Android.

ferdicus/maps 0

A Mapbox GL react native module for creating custom maps

ferdicus/np 0

A better `npm publish`

issue commentreact-native-mapbox-gl/maps

Markers / shapeSource not showing when offline.

I'm also having a problem on n3, does anyone have an example?

386sx

comment created time in 2 hours

issue commentreact-native-mapbox-gl/maps

Metro has encountered an error: While trying to resolve module @react-native-mapbox-gl/maps

react-native-mapbox-gl Version [*] you're on master?? It was it my package.json showed, I am in 8.2.1 Mapbox GL version [] you didn't change anything, are on the default iOS SDK for mapbox I don't know where or how to find out this. I use default config of react-native-mapbox-gl.

It was not successful, see the video bellow to see if I do something wrong https://vimeo.com/567021199

Florian-crg

comment created time in 7 hours

pull request commentreact-native-mapbox-gl/maps

v10 POC

Is there any group here that is interested in helping this move forward?

We’d like to help but are not sure who else is interested in helping push this forward.

mfazekas

comment created time in 7 hours

issue commentreact-native-mapbox-gl/maps

Metro has encountered an error: While trying to resolve module @react-native-mapbox-gl/maps

I edited my post, I pray it to be an installation error but since I reproduced exactly what you've asked I am afraid not :/

Florian-crg

comment created time in 8 hours

issue commentreact-native-mapbox-gl/maps

Metro has encountered an error: While trying to resolve module @react-native-mapbox-gl/maps

To test, I did :

npm uninstall -S @react-native-mapbox-gl/maps cd ios/ pod install react-native run-ios

Which launch the app correctly. I guess @react-native-mapbox-gl/maps need a fix ^^

Florian-crg

comment created time in 8 hours

issue commentreact-native-mapbox-gl/maps

Metro has encountered an error: While trying to resolve module @react-native-mapbox-gl/maps

Doing exactly what you said the Terminal show success Successfully launched the app on the simulator, but the app launch and instantly quit. Without error.

Florian-crg

comment created time in 8 hours

issue commentreact-native-mapbox-gl/maps

Metro has encountered an error: While trying to resolve module @react-native-mapbox-gl/maps

Yes, this exact order, then, ad said on my comment I killed my app, and runnpm run ios and got a new error

Florian-crg

comment created time in 9 hours

issue commentreact-native-mapbox-gl/maps

Metro has encountered an error: While trying to resolve module @react-native-mapbox-gl/maps

Then I have tried to quit and re-launch the app, which give me a new error with a white screen on the app:


 ERROR  Native part of Mapbox React Native libraries were not registered properly, double check our native installation guides.
 ERROR  TypeError: null is not an object (evaluating 'MapboxGL.StyleURL')
 ERROR  Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. 
      This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
 ERROR  Invariant Violation: Module AppRegistry is not a registered callable module (calling runApplication). A frequent cause of the error is that the application entry file path is incorrect. 
      This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Florian-crg

comment created time in 9 hours

issue openedreact-native-mapbox-gl/maps

Metro has encountered an error: While trying to resolve module @react-native-mapbox-gl/maps

Metro has encountered an error: While trying to resolve module @react-native-mapbox-gl/maps from file /Users/ecovelo/epitech/a2pas/client/App.js, the package /Users/ecovelo/epitech/a2pas/client/node_modules/@react-native-mapbox-gl/maps/package.json was successfully found. However, this package itself specifies a main module field that could not be resolved (/Users/ecovelo/epitech/a2pas/client/node_modules/@react-native-mapbox-gl/maps/javascript/index.js. Indeed, none of these files exist:

  • /Users/ecovelo/epitech/a2pas/client/node_modules/@react-native-mapbox-gl/maps/javascript/index.js(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
  • /Users/ecovelo/epitech/a2pas/client/node_modules/@react-native-mapbox-gl/maps/javascript/index.js/index(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx): /Users/ecovelo/epitech/a2pas/client/node_modules/metro/src/node-haste/DependencyGraph.js (436:17)

434 | 435 | if (error instanceof InvalidPackageError) {

436 | throw new PackageResolutionError({ | ^ 437 | packageError: error, 438 | originModulePath: from, 439 | targetModuleName: to

RCTFatal __28-[RCTCxxBridge handleError:]_block_invoke _dispatch_call_block_and_release _dispatch_client_callout _dispatch_main_queue_callback_4CF CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE __CFRunLoopRun CFRunLoopRunSpecific GSEventRunModal -[UIApplication _run] UIApplicationMain main start

Step to reproduce

react-native init client cd client npm run ios npm install @react-native-mapbox-gl/maps --save Then replace the App.js code by :

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow strict-local
 */

import React from 'react';
import type { Node } from 'react';
import {
  SafeAreaView,
  ScrollView,
  StatusBar,
  StyleSheet,
  Text,
  useColorScheme,
  View,
} from 'react-native';

import {
  Colors,
  DebugInstructions,
  Header,
  LearnMoreLinks,
  ReloadInstructions,
} from 'react-native/Libraries/NewAppScreen';
import MapboxGL from '@react-native-mapbox-gl/maps';

const Section = ({ children, title }): Node => {
  const isDarkMode = useColorScheme() === 'dark';
  return (
    <View style={styles.sectionContainer}>
      <Text
        style={[
          styles.sectionTitle,
          {
            color: isDarkMode ? Colors.white : Colors.black,
          },
        ]}>
        {title}
      </Text>
      <Text
        style={[
          styles.sectionDescription,
          {
            color: isDarkMode ? Colors.light : Colors.dark,
          },
        ]}>
        {children}
      </Text>
    </View>
  );
};

MapboxGL.setAccessToken('API_KEY');

const App: () => Node = () => {
  const isDarkMode = useColorScheme() === 'dark';

  const backgroundStyle = {
    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
  };

  return (
    <SafeAreaView style={backgroundStyle}>
      <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
      <ScrollView
        contentInsetAdjustmentBehavior="automatic"
        style={backgroundStyle}>
        <Header />
        <View
          style={{
            backgroundColor: isDarkMode ? Colors.black : Colors.white,
          }}>
          <Section title="Step One">
            <MapboxGL.MapView style={styles.map} />
          </Section>
        </View>
      </ScrollView>
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  sectionContainer: {
    marginTop: 32,
    paddingHorizontal: 24,
  },
  sectionTitle: {
    fontSize: 24,
    fontWeight: '600',
  },
  sectionDescription: {
    marginTop: 8,
    fontSize: 18,
    fontWeight: '400',
  },
  highlight: {
    fontWeight: '700',
  },
  page: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
  container: {
    height: 300,
    width: 300,
    backgroundColor: 'tomato',
  },
  map: {
    flex: 1,
  },
});

export default App;

created time in 9 hours

pull request commentreact-native-mapbox-gl/maps

v10 POC

@sedot42 @spotelf13 I'll try to came up with a rough estimate beginning of next week.

mfazekas

comment created time in 11 hours

issue commentreact-native-mapbox-gl/maps

Race race condition if <MapboxGL.Camera followUserMode="course"> prop is set before styleURL is loaded results in a crash

We've implemented several work arounds and checks but still having it happen in production. This is our most frequent bug ;(

<code> com.facebook.react.bridge.JSApplicationIllegalArgumentException com.facebook.react.bridge.JSApplicationIllegalArgumentException: at com.facebook.react.uimanager.ViewManagersPropertyCache$PropSetter.updateViewProp (ViewManagersPropertyCache.java:102) at com.facebook.react.uimanager.ViewManagerPropertyUpdater$FallbackViewManagerSetter.setProperty (ViewManagerPropertyUpdater.java:136) at com.facebook.react.uimanager.ViewManagerPropertyUpdater.updateProps (ViewManagerPropertyUpdater.java:56) at com.facebook.react.uimanager.ViewManager.updateProperties (ViewManager.java:49) at com.facebook.react.uimanager.NativeViewHierarchyManager.updateProperties (NativeViewHierarchyManager.java:137) at com.facebook.react.uimanager.UIViewOperationQueue$UpdatePropertiesOperation.execute (UIViewOperationQueue.java:94) at com.facebook.react.uimanager.UIViewOperationQueue$1.run (UIViewOperationQueue.java:917) at com.facebook.react.uimanager.UIViewOperationQueue.flushPendingBatches (UIViewOperationQueue.java:1028) at com.facebook.react.uimanager.UIViewOperationQueue.access$2600 (UIViewOperationQueue.java:48) at com.facebook.react.uimanager.UIViewOperationQueue$DispatchUIFrameCallback.doFrameGuarded (UIViewOperationQueue.java:1088) at com.facebook.react.uimanager.GuardedFrameCallback.doFrame (GuardedFrameCallback.java:29) at com.facebook.react.modules.core.ReactChoreographer$ReactChoreographerDispatcher.doFrame (ReactChoreographer.java:175) at com.facebook.react.modules.core.ChoreographerCompat$FrameCallback$1.doFrame (ChoreographerCompat.java:85) at android.view.Choreographer$CallbackRecord.run (Choreographer.java:997) at android.view.Choreographer.doCallbacks (Choreographer.java:797) at android.view.Choreographer.doFrame (Choreographer.java:728) at android.view.Choreographer$FrameDisplayEventReceiver.run (Choreographer.java:984) at android.os.Handler.handleCallback (Handler.java:883) at android.os.Handler.dispatchMessage (Handler.java:100) at android.os.Looper.loop (Looper.java:237) at android.app.ActivityThread.main (ActivityThread.java:8107) at java.lang.reflect.Method.invoke (Native Method) at com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run (RuntimeInit.java:496) at com.android.internal.os.ZygoteInit.main (ZygoteInit.java:1100) Caused by: java.lang.reflect.InvocationTargetException: at java.lang.reflect.Method.invoke (Native Method) at com.facebook.react.uimanager.ViewManagersPropertyCache$PropSetter.updateViewProp (ViewManagersPropertyCache.java:87) Caused by: java.lang.NullPointerException: at com.mapbox.mapboxsdk.location.LocationComponentActivationOptions$Builder.build (LocationComponentActivationOptions.java:292) at com.mapbox.rctmgl.components.location.LocationComponentManager.update (LocationComponentManager.java:109) at com.mapbox.rctmgl.components.location.LocationComponentManager.update (LocationComponentManager.java:99) at com.mapbox.rctmgl.components.camera.RCTMGLCamera.updateLocationLayer (RCTMGLCamera.java:378) at com.mapbox.rctmgl.components.camera.RCTMGLCamera.setUserTrackingMode (RCTMGLCamera.java:477) at com.mapbox.rctmgl.components.camera.RCTMGLCamera.updatedFollowUserMode (RCTMGLCamera.java:496) at com.mapbox.rctmgl.components.camera.RCTMGLCamera.setFollowUserLocation (RCTMGLCamera.java:484) at com.mapbox.rctmgl.components.camera.RCTMGLCameraManager.setFollowUserLocation (RCTMGLCameraManager.java:78)

</code>

noway

comment created time in a day

issue commentreact-native-mapbox-gl/maps

Calling setAccessCode on Android isnt working, showing Black Map

I think it may have been an issue with Flipper. Ultimately the easiest fix was to create a new React Native project with the latest versions, and then transfer over my JS files and package.json. On a fresh and updated react native install it worked as expected.

carlos-nunez

comment created time in a day

issue commentreact-native-mapbox-gl/maps

Android X & React-native-mapbox-gl/maps

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Masoud-kamali

comment created time in a day

issue commentreact-native-mapbox-gl/maps

Keep requesting location even when not in foreground

@cmpayc Well done spotting this typo!

I did a profiling as before and I do not see any change. In other words location manager does not unsubscribe while in the background. As far I understand onHostDestroy is not called when app is going into background.

RobertSasak

comment created time in a day

issue commentreact-native-mapbox-gl/maps

Failed to load Info.plist from bundle at path

Have you followed the installation with the modification to the Podfile? https://github.com/react-native-mapbox-gl/maps/blob/master/ios/install.md#ios-installation

Than purge ios: "purge:ios": "rm -rf ios/Pods ios/build ~/Library/Caches/CocoaPods ~/Library/Developer/Xcode/DerivedData && pod cache clean --all",

I followed the installation

  1. clean CocoaPods caches
  2. clean DerivedData
  3. remove pods
  4. re install the pods

I got the same issue , seems the info.plist file is missing : Screen Shot 2021-06-23 at 9 52 10 AM

ghadeeraqraa1992

comment created time in 2 days

issue commentreact-native-mapbox-gl/maps

Updating to MBGL iOS SDK 6.3.0 causes cocoapods linking error

Thank you so much for testing, and I'm sorry for the delay. I've had some colleagues attempt the same install, and sure enough, it fails on devices with an M1, and succeeds on those without.

For the purpose of leaving this issue so that I and people with the same problem can take some action, I am looking for an automated way to remove the libPods-MyProject.a library from the Link Binary With Libraries section, ideally in the Podfile itself. (This will allow development with the new version, before the iOS SDK actually supports the M1.)

Does anybody have any tips on how to achieve this? I've looked around and haven't been able to pin it down.

naftalibeder

comment created time in 2 days

issue commentreact-native-mapbox-gl/maps

iOS: Unable to resolve module `.utils/AnimatedPoint` after upgrading to version 8.2.0-beta2

Also, it might be helpful that I receive this error in Xcode when starting an app, even tho it builds and launches successfully. So it might be some configuration issue that has occurred when upgrading to the new version Screenshot 2021-06-22 at 19 22 05

nemanjagajic

comment created time in 2 days

issue commentreact-native-mapbox-gl/maps

Custom tileset as vector source does not work

Unstale plz.

Still have hope that some dev finds a second to at least confirm or deny my suspicion. Plus I still think this could be improved whatever the reason is.

Xinayder

comment created time in 2 days

issue commentreact-native-mapbox-gl/maps

Custom tileset as vector source does not work

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Xinayder

comment created time in 2 days

issue commentreact-native-mapbox-gl/maps

MapboxGL.MapView setting height (in style) to over 1365 breaks rendering

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Kotpes

comment created time in 2 days

issue commentreact-native-mapbox-gl/maps

Error on npm install - unable to resolve dependency tree (found react@17.0.1, could not resolve react@^16.6.1)

Indeed I'm on npm 7.9.0 and npm i -S https://github.com/react-native-mapbox-gl/maps installed smoothly, thanks ✌

I wouldn't recommend installing with --force if people have similar issues, as this caused weird bugs down the line. The above should do it.

dancherb

comment created time in 2 days

issue commentreact-native-mapbox-gl/maps

iOS: Unable to resolve module `.utils/AnimatedPoint` after upgrading to version 8.2.0-beta2

It has actually started happening again, and also cleaning the whole cache didn't help. It seems like it might be some kind of cache issue, but I will reopen it as there is still no concrete solution

nemanjagajic

comment created time in 2 days

IssuesEvent

issue commentreact-native-mapbox-gl/maps

iOS: Adding PointAnnotation with custom child causes map performance to drop

Same thing with markerView on ios 14.6 and no problem on 13. *

michalpierzchlewicz

comment created time in 2 days

issue commentreact-native-mapbox-gl/maps

Calling setAccessCode on Android isnt working, showing Black Map

I also updated to the latest RN version and im still having the same issue.

carlos-nunez

comment created time in 3 days

issue closedreact-native-mapbox-gl/maps

Flash when changing styleURL because it loads MapboxGL.StyleURL.Street before

Describe the bug
When changing the styleURL it loads MapboxGL.StyleURL.Street before. The issue is that we see the Street style flashing and it's more visible when zoomed out.

To Reproduce

  1. Set the mapStyle to MapboxGL.StyleURL.Satellite.
  2. then switch to a custom URL like: ${Config.SERVER}/api/mapboxStyle.
  3. Before the custom URL style is loaded you will see the MapView will default to MapboxGL.StyleURL.Street.

Example:

<MapboxGL.MapView styleURL={mapStyle}>

Expected behavior
Load a default color like black during loading.

Actual behavior
It will always load the MapboxGL.StyleURL.Street when no data yet and we cannot change it.

Screenshots
https://user-images.githubusercontent.com/10960108/122078184-65cdb500-cdca-11eb-8408-71202b8868ef.mp4

Versions:
Platform: [Android, iOS] Platform OS: [Android 9, iOS 14.5] Device: [Samsung S8, iPhone 11] Emulator/ Simulator: [same issue] Dev OS: [OSX BigSur] react-native-mapbox-gl Version [8.2.0-beta2] Mapbox-iOS-SDK [6.0.0] mapbox-android-sdk [9.3.1] React Native Version [0.63.4]

Possible solution
Possibility to change the default to 'none' or set a color during the loading (Android: foregroundLoadColor).

closed time in 3 days

hexadecy

issue commentreact-native-mapbox-gl/maps

Flash when changing styleURL because it loads MapboxGL.StyleURL.Street before

The issue is still present, but the transition is much faster with the new version (0.64). I have to use the Network Link Conditioner to 3G to see the blue water from an ocean of the default Style URL.

I think we'll live with it.

The two possibles solutions are probably worse: 1- expose the defaultStyleURL to be changed to nothing 2- preload our styleURL and push it as JSON instead

hexadecy

comment created time in 3 days

issue commentreact-native-mapbox-gl/maps

Failed to load Info.plist from bundle at path

Have you followed the installation with the modification to the Podfile? https://github.com/react-native-mapbox-gl/maps/blob/master/ios/install.md#ios-installation

Than purge ios: "purge:ios": "rm -rf ios/Pods ios/build ~/Library/Caches/CocoaPods ~/Library/Developer/Xcode/DerivedData && pod cache clean --all",

ghadeeraqraa1992

comment created time in 3 days

issue commentreact-native-mapbox-gl/maps

Calling setAccessCode on Android isnt working, showing Black Map

Just set up on a clean react native install and it works as expected. Weird. Including my dependencies in case anyone spots something out of place. "dependencies": { "@exponent/react-native-action-sheet": "^0.3.0", "@homee/react-native-mapbox-navigation": "^1.0.7", "@react-native-async-storage/async-storage": "^1.15.2", "@react-native-community/art": "^1.2.0", "@react-native-community/checkbox": "^0.4.2", "@react-native-community/cli": "^4.10.1", "@react-native-community/masked-view": "^0.1.8", "@react-native-cookies/cookies": "^6.0.7", "@react-native-mapbox-gl/maps": "8.1", "@react-navigation/bottom-tabs": "^5.2.6", "@react-navigation/drawer": "^5.4.1", "@react-navigation/native": "^5.1.5", "@react-navigation/stack": "^5.2.10", "axios": "^0.21.1", "base-64": "^1.0.0", "global": "^4.4.0", "i18n-js": "^3.2.1", "jetifier": "^1.6.4", "jwt-decode": "^3.1.2", "lodash": "^4.17.11", "lottie-ios": "3.1.8", "lottie-react-native": "^4.0.2", "moment": "^2.29.1", "react": "16.9.0", "react-formio": "^4.3.0", "react-native": "0.63.0", "react-native-autocomplete-input": "^4.2.0", "react-native-calendars": "^1.313.0", "react-native-elements": "^3.4.1", "react-native-gesture-handler": "^1.6.1", "react-native-gifted-chat": "^0.11.3", "react-native-lightbox": "^0.8.0", "react-native-linear-gradient": "^2.5.6", "react-native-localize": "^1.3.1", "react-native-maps": "^0.26.0", "react-native-modal": "^9.0.0", "react-native-modal-datetime-picker": "^6.0.0", "react-native-modal-dropdown": "0.7.0", "react-native-nav": "^2.0.2", "react-native-navigation-bar-color": "^2.0.1", "react-native-paper": "^4.9.1", "react-native-progress": "^4.1.2", "react-native-reanimated": "^1.8.0", "react-native-render-html": "^4.2.0", "react-native-safe-area-context": "^0.7.3", "react-native-screens": "^2.4.0", "react-native-snap-carousel": "^3.7.5", "react-native-svg": "^9.3.1", "react-native-svg-charts": "^5.3.0", "react-native-ui-lib": "^3.39.0", "react-native-vector-icons": "^8.1.0", "react-native-walkthrough-tooltip": "^1.1.10", "react-native-webview": "^9.3.0", "react-redux": "^6.0.1", "recompose": "^0.30.0", "redux": "^4.0.1", "redux-logger": "^3.0.6", "redux-persist": "^5.10.0", "redux-promise": "^0.6.0", "redux-thunk": "^2.3.0", "victory-native": "^31.0.0" }, "devDependencies": { "@babel/core": "^7.5.0", "@babel/preset-flow": "^7.0.0", "@babel/runtime": "^7.5.0", "@react-native-community/eslint-config": "^0.0.3", "babel-eslint": "^10.0.1", "babel-jest": "^24.1.0", "danger": "^7.0.2", "enzyme": "^3.7.0", "enzyme-adapter-react-16": "^1.7.0", "eslint": "^5.9.0", "eslint-config-airbnb": "^17.1.0", "eslint-config-prettier": "^3.6.0", "eslint-plugin-import": "^2.14.0", "eslint-plugin-jsx-a11y": "^6.1.2", "eslint-plugin-react": "^7.11.1", "flow-bin": "^0.105.0", "jest": "^24.1.0", "jsdom": "13.0.0", "jsdom-global": "3.0.2", "metro-react-native-babel-preset": "^0.51.1", "plop": "^2.2.0", "prettier": "^1.16.1", "prop-types": "^15.7.2", "react-addons-test-utils": "^15.6.2", "react-dom": "^16.6.3", "react-native-circular-progress": "^1.3.6", "react-test-renderer": "16.8.1", "sinon": "^7.1.1" },

carlos-nunez

comment created time in 3 days