gpt4 book ai didi

react-native - 根据产品口味动态链接包,以一个代码库支持GMS和HMS

转载 作者:行者123 更新时间:2023-12-05 04:37:50 29 4
gpt4 key购买 nike

为了让我的应用程序获得批准并在 Google PlayStore 和华为应用程序库中可见,我目前维护两个不同的分支:

  • 安装了 react-native-maps 但没有 HMS 包的 Google 分支。

  • 安装了 HMS map 但没有安装 react-native-maps 的华为分支。

我知道 HMS+GMS 方法,但根据我的经验,像 react-native-maps 这样严重依赖 GMS 的模块使我的应用程序对纯 HMS 设备隐藏了,即使我的应用程序有方法检查和永远不要导航到依赖 GMS 的屏幕。

除了一个用于显示 map 的文件外,两个分支在 JavaScript 端的代码相同,该文件在 GMS 手机上从 react-native-maps 导入,在华为手机上从 react-native-hms-map 导入。

我的问题是:有没有一种方法可以根据产品风格在构建时动态排除某些文件和包,以便我可以使用一个代码库并在构建 APK 时忽略一些文件。

解决方案:设法想出一个解决方案,通过禁用 react native map 的自动链接并根据产品风格手动链接它,使我的应用程序获得批准并在应用程序商店中完全可见。(代码可能不是最干净的,但它的行为符合预期,因此我们将不胜感激任何清理建议)

步骤:

<强>1。在 android 上禁用 react-native-maps 的手动链接

通过在项目根目录下创建一个名为react-native.config.js的文件,并添加如下内容

module.exports = {
dependencies: {
"react-native-maps": {
platforms: {
android: null,
}
}
}
}

<强>2。添加了谷歌和华为的产品口味

通过将以下内容添加到 android/app/build.gradle

...
...
android{
...
...
flavorDimensions "provider"
productFlavors {
google {

dimension "provider"

}
huawei {

dimension "provider"

}
}
...
...
}
...
...

<强>3。将以下内容添加到同一个 android/app/build.gradle 文件

...
...
dependencies {
...
...
huaweiImplementation 'com.huawei.hms:location:4.0.2.300'
huaweiImplementation 'com.huawei.hms:hwid:4.0.1.300'

googleImplementation project(':react-native-maps')
...
...
}
...
...

<强>4。将以下内容添加到 android/settings.gradle

include ':react-native-maps'
project(':react-native-maps').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-maps/lib/android')

<强>5。在 android/app/src 中创建了 2 个文件夹

文件夹命名为:huawei 和 google,结构如下

6.在 android/app/src/google/java/com/appname

中添加了一个 java 文件

MapPackageChecker.java

package com.appname;
import com.facebook.react.ReactPackage;
import com.airbnb.android.react.maps.MapsPackage;

public class MapPackageChecker {

public static ReactPackage getMapPackage() {
return new MapsPackage();
}

}

7.在 android/app/src/huawei/java/com/appname 中添加了一个 java 文件

MapPackageChecker.java

package com.appname;
import com.facebook.react.ReactPackage;

public class MapPackageChecker {

public static ReactPackage getMapPackage() {
return null;
}

}

<强>8。将以下内容添加到 android/app/src/main/java/com/appname/MainApplication.java

import static com.appname.MapPackageChecker.getMapPackage;
...
...
@Override
protected List<ReactPackage> getPackages() {
@SuppressWarnings("UnnecessaryLocalVariable")
List<ReactPackage> packages = new PackageList(this).getPackages();

//start of new lines
if(BuildConfig.FLAVOR.equals("google")){
packages.add(getMapPackage());
}
//end of new lines

return packages;
}
...
...

<强>9。从 native 代码访问 flavor 名称

我决定为此目的使用 react-native-build-config

导航组件示例:

import googleMapScreen from "./googleMapScreen.js"; //relies on gms maps
import huaweiMapScreen from "./huaweiMapScreen.js"; //relies on hms maps

import BuildConfig from 'react-native-build-config';
const flavor = BuildConfig.FLAVOR
...
...
<Stack.Screen
name="MapScreen"
component={flavor === "huawei" ? huaweiMapScreen : googleMapScreen}
/>
...
...

<强>10。添加产品口味后,我们需要对命令进行一些更改

yarn react-native run-android

变成: yarn react-native run-android --variant=huaweiDebug

或: yarn react-native run-android --variant=googleDebug

./gradlew assembleRelease

变成: ./gradlew assembleHuaweiRelease

或者: ./gradlew assembleGoogleRelease

<强>11。为了方便起见,我们可以将以下内容添加到 package.json 脚本中

"scripts":{
"run-huawei": "yarn react-native run-android --variant=huaweiDebug",
"run-google": "yarn react-native run-android --variant=googleDebug",
}

最佳答案

首先,华为确实支持react-native-maps。请在这里查看:https://developer.huawei.com/consumer/en/doc/development/HMS-Plugin-Guides-V1/integrating-sdk-0000001050034173-V1

当HMS+GMS为首选方案时,APP在代码中需要根据设备上HMS和GMS服务的可用性来决定是使用HMS还是GMS。

.如何决定是使用 HMS 还是 GMS : enter image description here

  • 检查 GMS 是否可用 enter image description here

还有一些链接供您引用:

React Native 应用程序检测设备支持 GMS 或 HMS:https://forums.developer.huawei.com/forumPortal/en/topic/0201200045194610058?fid=0101187876626530001

Choice SDK - 开源 GMS-HMS 包装器:https://forums.developer.huawei.com/forumPortal/en/topic/0201555879126330259?fid=0101187876626530001

关于react-native - 根据产品口味动态链接包,以一个代码库支持GMS和HMS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70661732/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com