Map is Not Showing in Android.

[NidheeshVgopal]

React-Native Version: 0.71.4
"@homee/react-native-mapbox-navigation": "^1.1.0",
"@rnmapbox/maps": "^10.0.6".
In my project, there is a requirement to use map and turn-by-turn navigation together.
After some fixes, ios worked fine.
In android side, fixed some issues and finally got issue for

Duplicate class com.mapbox.android.core.location.LocationEngine found in modules jetified-common-23.5.0-runtime (com.mapbox.common:common:23.5.0) and jetified-mapbox-android-core-5.0.0-runtime (com.mapbox.mapboxsdk:mapbox-android-core:5.0.0)
Duplicate class com.mapbox.android.core.location.LocationEngineCallback found in modules jetified-common-23.5.0-runtime (com.mapbox.common:common:23.5.0) and jetified-mapbox-android-core-5.0.0-runtime (com.mapbox.mapboxsdk:mapbox-android-core:5.0.0)
Duplicate class com.mapbox.android.core.location.LocationEngineProvider found in modules jetified-common-23.5.0-runtime (com.mapbox.common:common:23.5.0) and jetified-mapbox-android-core-5.0.0-runtime (com.mapbox.mapboxsdk:mapbox-android-core:5.0.0)
Duplicate class com.mapbox.android.core.location.LocationEngineRequest found in modules jetified-common-23.5.0-runtime (com.mapbox.common:common:23.5.0) and jetified-mapbox-android-core-5.0.0-runtime (com.mapbox.mapboxsdk:mapbox-android-core:5.0.0)
Duplicate class com.mapbox.android.core.location.LocationEngineRequest$1 found in modules jetified-common-23.5.0-runtime (com.mapbox.common:common:23.5.0) and jetified-mapbox-android-core-5.0.0-runtime (com.mapbox.mapboxsdk:mapbox-android-core:5.0.0).

This issue was fixed by changing ode_modules/@homee/react-native
-mapbox-navigation/android/build.gradle'

implementation ('com.mapbox.navigation:core:1.5.0',{
exclude group: "com.mapbox.mapboxsdk", module: "mapbox-android-core"
})
implementation ('com.mapbox.navigation:ui:1.5.0',{
exclude group: "com.mapbox.mapboxsdk", module: "mapbox-android-core"
})
.Then the duplicate issue solved.

But after this when we took the MapboxNavigation in screen, the map is not showing. Even the buttons are not working.

Is there any solution for this?

[Youssef-Durgham]

same problem please if you find a solve told me and I will do the same.

[mckeny3]

Use dropin ui from mapbox...then use native view manager to display it

[Youssef-Durgham]

Use dropin ui from mapbox...then use native view manager to display it

sorry for the asking but can you provide me a clear answer and I will be Grateful for you

[Youssef-Durgham]

and when I return from the map screen to the Home Screen I got this error

[Youssef-Durgham]

this is my example code
https://github.com/Youssef-Durgham/alnajaf-taxi-app-zaid-master-new
I don't know how to do it
it take from me 48h and didn't fixed the mapbox code is inside screen folder in CaptainInfoScreen.js

[NidheeshVgopal]

Hi,
My above issue got fixed when give the meta value inside Application tag of AndroidManifest.xml.
But after this, app is getting crash on launch. This is the error on logcat :

E/AndroidRuntime: FATAL EXCEPTION: MapboxTelemetryExecutor
Process: com.my_project, PID: 4855
java.lang.NoClassDefFoundError: Failed resolution of: Lcom/my_project/android/core/FileUtils;

another issue is ::=>

E/Mbgl-Mapbox: Error occurred while initializing telemetry
java.lang.IllegalArgumentException: com.my_project: Targeting S+ (version 31 and above) requires that one of FLAG_IMMUTABLE or FLAG_MUTABLE be specified when creating a PendingIntent.
Strongly consider using FLAG_IMMUTABLE, only use FLAG_MUTABLE if some functionality depends on the PendingIntent being mutable, e.g. if it needs to be used with inline replies or bubbles.
at android.app.PendingIntent.checkFlags(PendingIntent.java:401)

[Youssef-Durgham]

Can you see my manifest file where I can move the meta value please ?
And I will see if it works or not and I will try to find solution for it and share the solution if I found it.
Here is the file
https://github.com/Youssef-Durgham/alnajaf-taxi-app-zaid-master-new/blob/master/android/app/src/main/AndroidManifest.xml

[Youssef-Durgham]

I think it most be outside activity i will try now

[NidheeshVgopal]

The crash issue was solved. But still getting the blank map on Android.

[Youssef-Durgham]

I found the solution can you share to me the way you add the <meta-data in the AndroidManifest.xml

[NidheeshVgopal]

"

 <meta-data android:name="MAPBOX_DOWNLOADS_TOKEN"
android:value="mapbox_secret_token" />
</application>

inside , after "

[Youssef-Durgham]

Yeah you should do it like that
<meta-data android:name="MAPBOX_ACCESS_TOKEN" android:value="here add your public token not the private token" />
copy and paste it and told me what you get

[Youssef-Durgham]

Add to it the public token and the android:name should be MAPBOX_ACCESS_TOKEN

[NidheeshVgopal]

Now app crashes 2-3 sec after launch.

[Youssef-Durgham]

it works with me with this way but with a blue map with the Mapbox logo but it not show the directions try to change the build.gradle for this library inside module be copy and past all of this instead of the old `

def DEFAULT_COMPILE_SDK_VERSION = 33
def DEFAULT_BUILD_TOOLS_VERSION = '31.0.0'
def DEFAULT_MIN_SDK_VERSION = 24
def DEFAULT_TARGET_SDK_VERSION = 33

def safeExtGet(prop, fallback) {
rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
}

apply plugin: 'com.android.library'
apply plugin: 'kotlin-android'
apply plugin: 'maven-publish'

buildscript {
ext.kotlin_version = '1.6.20'
// The Android Gradle plugin is only required when opening the android folder stand-alone.
// This avoids unnecessary downloads and potential conflicts when the library is included as a
// module dependency in an application project.
// ref: https://docs.gradle.org/current/userguide/tutorial_using_tasks.html#sec:build_script_external_dependencies
if (project == rootProject) {
repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.4.1'
}
}

repositories {
mavenCentral()
}

dependencies {
classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:$kotlin_version"
}
}

apply plugin: 'com.android.library'
apply plugin: 'kotlin-android'
apply plugin: 'maven-publish'

android {
compileSdkVersion safeExtGet('compileSdkVersion', DEFAULT_COMPILE_SDK_VERSION)
buildToolsVersion safeExtGet('buildToolsVersion', DEFAULT_BUILD_TOOLS_VERSION)
defaultConfig {
minSdkVersion safeExtGet('minSdkVersion', DEFAULT_MIN_SDK_VERSION)
targetSdkVersion safeExtGet('targetSdkVersion', DEFAULT_TARGET_SDK_VERSION)
versionCode 1
versionName "1.0"
}
lintOptions {
abortOnError false
}
compileOptions {
sourceCompatibility JavaVersion.VERSION_1_8
targetCompatibility JavaVersion.VERSION_1_8
}
kotlinOptions {
jvmTarget = "1.8"
}
}

repositories {
// ref: https://www.baeldung.com/maven-local-repository
mavenLocal()
maven {
// All of React Native (JS, Obj-C sources, Android binaries) is installed from npm
url "$rootDir/../node_modules/react-native/android"
}
maven {
// Android JSC is installed from npm
url "$rootDir/../node_modules/jsc-android/dist"
}
google()
jcenter()
}

dependencies {
//noinspection GradleDynamicVersion
implementation 'com.facebook.react:react-native:+' // From node_modules
implementation 'com.mapbox.navigation:core:1.5.0'
implementation 'com.mapbox.navigation:ui:1.5.0'
implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
}

def configureReactNativePom(def pom) {
def packageJson = new groovy.json.JsonSlurper().parseText(file('../package.json').text)

pom.project {
name packageJson.title
artifactId packageJson.name
version = packageJson.version
group = "com.homee.mapboxnavigation"
description packageJson.description
url packageJson.repository.baseUrl

licenses {
    license {
        name packageJson.license
        url packageJson.repository.baseUrl + '/blob/master/' + packageJson.licenseFilename
        distribution 'repo'
    }
}

}
}

afterEvaluate { project ->
android.libraryVariants.all { variant ->
def name = variant.name.capitalize()
def javaCompileTask = variant.javaCompileProvider.get()

task "jar${name}"(type: Jar, dependsOn: javaCompileTask) {
    from javaCompileTask.destinationDir
}

}
}`