UserLocation not working on android

[lvothnrv]

Mapbox Implementation

Mapbox

Mapbox Version

default

Platform

Android

@rnmapbox/maps version

10.0.15

Standalone component to reproduce

import React from 'react';
import MapboxGL, {UserLocation} from '@rnmapbox/maps';

import {StyleSheet, StatusBar, View} from 'react-native';

MapboxGL.setAccessToken('...');

const PerimeterStep = () => {
  return (
    <View style={styles.flex1}>
      <StatusBar barStyle="light-content" animated={true} />
      <MapboxGL.MapView
        style={styles.flex1}
        styleURL={'mapbox://styles/.../...'}
        logoEnabled={false}
        attributionEnabled={false}>
        <UserLocation />
      </MapboxGL.MapView>
    </View>
  );
};

export default PerimeterStep;

const styles = StyleSheet.create({
  flex1: {
    flex: 1,
  },
});

Observed behavior and steps to reproduce

No response

Expected behavior

I was on version 10.0.0-beta.70 it worked but now it doesn't work anymore so I switched to the latest version but the same thing doesn't work..

Notes / preliminary analysis

No response

Additional links and references

No response

[AntonioA-D-C]

Having this exact same error, UserLocation crashes the app

[Cdingram]

Yup mine crashes too

[Cdingram]

FYI, I was able to make it work by using "<Mapbox.UserLocation renderMode="native" />" instead of just "<Mapbox.UserLocation />"

[mfazekas]

I could not reproduce the issue in our example app:

This was rendering correctly for me

import React from 'react';
import MapboxGL, { UserLocation } from '@rnmapbox/maps';
import { StyleSheet, StatusBar, View } from 'react-native';

MapboxGL.setAccessToken('...');

const PerimeterStep = () => {
  return (
    <View style={styles.flex1}>
      <StatusBar barStyle="light-content" animated={true} />
      <MapboxGL.MapView
        style={styles.flex1}
        logoEnabled={false}
        attributionEnabled={false}
      >
        <UserLocation />
      </MapboxGL.MapView>
    </View>
  );
};

export default PerimeterStep;

const styles = StyleSheet.create({
  flex1: {
    flex: 1,
  },
});

[Cdingram]

Interesting I’m using Mapbox not MapboxGL from the import, not sure if that makes a difference.

[mfazekas]

Interesting I’m using Mapbox not MapboxGL from the import, not sure if that makes a difference.
@Cdingram it shouldn't make a difference.

For those it's crashing pls post the exception and backtrace.