From 213eee3ce1e86430057121fc4be12885145367f0 Mon Sep 17 00:00:00 2001 From: MxKevinBeqo Date: Wed, 14 Jan 2026 16:56:57 +0100 Subject: [PATCH 1/4] fix(background-gradient-native): simplify check for module in favor of new architecture approach --- .../src/BackgroundGradient.tsx | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) diff --git a/packages/pluggableWidgets/background-gradient-native/src/BackgroundGradient.tsx b/packages/pluggableWidgets/background-gradient-native/src/BackgroundGradient.tsx index 312b5f4ef..f31c3023d 100644 --- a/packages/pluggableWidgets/background-gradient-native/src/BackgroundGradient.tsx +++ b/packages/pluggableWidgets/background-gradient-native/src/BackgroundGradient.tsx @@ -1,5 +1,5 @@ import { ReactElement } from "react"; -import { Pressable, NativeModules, Alert } from "react-native"; +import { Pressable, Alert } from "react-native"; import LinearGradient from "react-native-linear-gradient"; import { all } from "deepmerge"; import { executeAction } from "@mendix/piw-utils-internal"; @@ -36,8 +36,16 @@ const angleValidation = (angle: number | undefined): number => { }; export function BackgroundGradient({ name, colorList, content, onClick, style }: props): ReactElement { - if (!("BVLinearGradient" in NativeModules.UIManager)) { - Alert.alert("", "The widget 'Background gradient' requires an updated 'Make It Native 9' application"); + if (!LinearGradient) { + Alert.alert( + "Background Gradient Not Available", + "This device does not support the background gradient feature.\n\n" + + "Possible reasons:\n" + + "• The app binary does not include native gradient support (older app version).\n" + + "• The native library wasn’t linked or rebuilt before installation.\n" + + "• The current OS/platform does not support this feature.\n\n" + + "Please update the app to the latest version or check that the required native modules are built into this release." + ); } const styles = all([defaultStyle, ...style]); From c7fe71116dc21403f0593dd40faf28043b36288d Mon Sep 17 00:00:00 2001 From: MxKevinBeqo Date: Wed, 14 Jan 2026 16:57:32 +0100 Subject: [PATCH 2/4] chore(background-gradient-native): bump patch version --- .../pluggableWidgets/background-gradient-native/package.json | 2 +- .../pluggableWidgets/background-gradient-native/src/package.xml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/pluggableWidgets/background-gradient-native/package.json b/packages/pluggableWidgets/background-gradient-native/package.json index 794694e8b..78249a72b 100644 --- a/packages/pluggableWidgets/background-gradient-native/package.json +++ b/packages/pluggableWidgets/background-gradient-native/package.json @@ -1,7 +1,7 @@ { "name": "background-gradient-native", "widgetName": "BackgroundGradient", - "version": "2.2.0", + "version": "2.2.1", "repository": { "type": "git", "url": "https://github.com/mendix/native-widgets.git" diff --git a/packages/pluggableWidgets/background-gradient-native/src/package.xml b/packages/pluggableWidgets/background-gradient-native/src/package.xml index 7ae868b45..6e62bf544 100644 --- a/packages/pluggableWidgets/background-gradient-native/src/package.xml +++ b/packages/pluggableWidgets/background-gradient-native/src/package.xml @@ -1,6 +1,6 @@ - + From 88b10b879340459cb4dc41aa24e28d70b02e6c99 Mon Sep 17 00:00:00 2001 From: MxKevinBeqo Date: Wed, 14 Jan 2026 16:57:46 +0100 Subject: [PATCH 3/4] chore(background-gradient-native): add release notes --- .../pluggableWidgets/background-gradient-native/CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/pluggableWidgets/background-gradient-native/CHANGELOG.md b/packages/pluggableWidgets/background-gradient-native/CHANGELOG.md index 3b3953388..c90abbfa0 100644 --- a/packages/pluggableWidgets/background-gradient-native/CHANGELOG.md +++ b/packages/pluggableWidgets/background-gradient-native/CHANGELOG.md @@ -6,6 +6,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), ## [Unreleased] +- We fixed an issue where the `background-gradient-native` widget would not render correctly with the new RN architecture upgrade. + ## [2.2.0] - 2025-7-7 - Updated react-native-linear-gradient to latest version. From ccd512ae839fd1dc597388a3f34d3e6462d4b49d Mon Sep 17 00:00:00 2001 From: MxKevinBeqo Date: Thu, 15 Jan 2026 11:34:58 +0100 Subject: [PATCH 4/4] fix(background-gradient-native): removed old guard condition for specific MiN < 9 --- .../src/BackgroundGradient.tsx | 14 +------------- 1 file changed, 1 insertion(+), 13 deletions(-) diff --git a/packages/pluggableWidgets/background-gradient-native/src/BackgroundGradient.tsx b/packages/pluggableWidgets/background-gradient-native/src/BackgroundGradient.tsx index f31c3023d..1dee57607 100644 --- a/packages/pluggableWidgets/background-gradient-native/src/BackgroundGradient.tsx +++ b/packages/pluggableWidgets/background-gradient-native/src/BackgroundGradient.tsx @@ -1,5 +1,5 @@ import { ReactElement } from "react"; -import { Pressable, Alert } from "react-native"; +import { Pressable } from "react-native"; import LinearGradient from "react-native-linear-gradient"; import { all } from "deepmerge"; import { executeAction } from "@mendix/piw-utils-internal"; @@ -36,18 +36,6 @@ const angleValidation = (angle: number | undefined): number => { }; export function BackgroundGradient({ name, colorList, content, onClick, style }: props): ReactElement { - if (!LinearGradient) { - Alert.alert( - "Background Gradient Not Available", - "This device does not support the background gradient feature.\n\n" + - "Possible reasons:\n" + - "• The app binary does not include native gradient support (older app version).\n" + - "• The native library wasn’t linked or rebuilt before installation.\n" + - "• The current OS/platform does not support this feature.\n\n" + - "Please update the app to the latest version or check that the required native modules are built into this release." - ); - } - const styles = all([defaultStyle, ...style]); const angle = angleValidation(styles.angle); const opacity = opacityValidation(styles.opacity);