Native Mobile Resources

Content Type: Module
Categories: User Interface

Overview

Download this module to access a rich set of widgets and nanoflow actions created for native mobile, including authentication, network, platform, and more. A must-have for native mobile development!

Documentation

Typical usage scenario

Native Mobile Resources provides the essential configuration and assets required for Mendix Native Mobile apps. Developers use it when creating or upgrading native apps to enable core native features, theming, and offline behavior with minimal setup.

Features and limitations

The module delivers all necessary resources for Mendix Native apps and is regularly updated for compatibility with new platform versions. However, it is intended only for native apps, should not be modified directly, and requires a compatible Mendix version and Native Template to function correctly.

 

Releases

Version: 12.6.0
Framework Version: 11.12.5
Release Notes: ### Fixed - Fixed an issue where actions using decimal values threw a "Big is not defined" error at runtime. ### Added - We added mendix-native as a dependency to provide native file system. - We bumped the `brace-expansion` package to v5.0.12 to fix a denial-of-service vulnerability. ## [5.3.5] BottomSheet ### Fixed - Fixed the app becoming unresponsive to touches after a modal bottom sheet (basic or custom rendering) was closed while it was still opening, e.g. when opening and closing it quickly. A sheet whose trigger attribute is set to false while it is opening now also closes once it has opened. ## [2.4.1] ColorPicker ### Added - We added screen reader label properties for the hue, saturation, brightness and transparency sliders. ### Changed - We replaced react-native-slider and react-native-color with built-in components, and removed deprecated-react-native-prop-types. ### Fixed - We fixed the sliders not announcing their value to screen readers. They can now also be adjusted with VoiceOver and TalkBack. - We fixed the other sliders moving slightly while one slider is dragged, and hue and saturation being lost when the color becomes black or white. ## [3.2.0] Image ### Changed - The enlarged image is now presented through the shared MxOverlay component. Screen readers now treat it as a modal, move focus to the enlarged image when it opens and return focus to the image when it closes. ## [4.6.0] IntroScreen ### Changed - The IntroScreen is now presented through the shared MxOverlay component. Its appearance and behaviour, including blocking the Android back button, are unchanged. ## [4.5.0] ProgressBar ### Changed - Removed the react-native-progress dependency. There is no change in appearance or behavior. ### Added - The progress bar now announces itself to screen readers with a progress bar role and its current value. ## [3.4.0] ProgressCircle ### Changed - Removed the react-native-progress dependency. There is no change in appearance or behavior. ### Added - The progress circle now announces itself to screen readers with a progress bar role and its current value. ## [3.1.0] RangeSlider ### Changed - We replaced @miblanchard/react-native-slider with a built-in slider component. ### Fixed - We fixed the range slider thumbs not announcing their values or being adjustable with VoiceOver and TalkBack. ## [3.1.0] Signature ### Added - We added mendix-native as a dependency to provide native file system. ## [4.1.0] Slider ### Changed - We replaced @miblanchard/react-native-slider with a built-in slider component. ### Fixed - We fixed the slider not announcing its value or being adjustable with VoiceOver and TalkBack. ## [6.5.0] VideoPlayer ### Added - We added mendix-native as a dependency to provide platform utilities. ### Changed - The Android fullscreen video is now presented through the shared MxOverlay component. Screen readers now treat it as a modal, and focus returns to the fullscreen button when you leave fullscreen.
Version: 12.5.1
Framework Version: 11.12.3
Release Notes:

## [2.3.0] Gallery
### Fixed

- We`ve fixed an issue where Gallery widget does not display data.
- We`ve fixed an issue where items in a horizontally scrolling Gallery would stretch to the full screen width instead of sizing to their content.

### Added

- Added horizontal item sizing options to fit items to their content or divide the Gallery width into configurable columns.
Version: 12.5.0
Framework Version: 11.12.3
Release Notes:

## [2.3.1] BackgroundGradient
### Changed

- We removed the library of `react-native-linear-gradient` in favor of a react-native View with linear-gradient type background.

## [2.3.1] BackgroundImage
- Fixed background image widget not visible when there is no content inside it.

## [5.3.3] BottomSheet
### Added

- Added an `On change` event that triggers when the `Trigger attribute` value changes, allowing detection of bottom sheet dismissal (e.g. by outside click).

### Fixed

- Fixed iOS orientation change when opening the bottom sheet modal on devices in landscape mode.
- Replaced a deprecated prop `containerHeight` with the respective `containerLayoutState` option.

## [3.0.0] Signature
### Added

- Added direct image upload to System.Image object using the type `image` with `allowUpload` set to true.
- Renamed `onSave` action to `onSignEnd` to match web signature widget naming convention
Version: 12.4.0
Framework Version: 11.12.3
Release Notes: ### Fixed

- Removed the visible changes in NC and NMR modules during the first build of the app.

## [3.4.0] Animation
### Changed

- We updated react-native-animatable to 1.4.0.

## [3.3.0] BarChart
### Changed

- We updated victory-native to 36.9.2.

## [4.5.0] BarcodeScanner
- We fixed the barcode mask not visible issue and selection logic of QR code.

## [3.3.0] Carousel
### Changed

- We updated deprecated-react-native-prop-types to 4.2.3.
- We pinned react-native-snap-carousel to 3.9.1.

## [2.3.0] ColorPicker
### Changed

- We updated deprecated-react-native-prop-types to 4.2.3.
- We pinned react-native-color to 0.0.10.
- We pinned react-native-slider to 0.11.0.
- We updated tinycolor2 to 1.6.0.

## [2.3.0] ColumnChart
### Changed

- We updated victory-native to 36.9.2.

## [3.6.2] Feedback
### Changed

- We pinned querystringify to 2.2.0.

## [4.3.0] FloatingActionButton
- We have removed the `react-native-reanimated` library and used Animated API of react native for animation purpose.
- We fixed an issue of secondary button`s caption not displayed if its horizontal position is center.
- We refactored code and migrated to functional component.

## [4.5.0] IntroScreen
### Fixed

- We fixed an issue where the IntroScreen did not show the slide set by the active slide attribute, and where swiping between slides did not work reliably on slower Android devices.

## [3.3.0] LineChart
### Changed

- We updated victory-native to 36.9.2.

## [5.2.1] Maps
### Changed

- We pinned prop-types to 15.8.1.

## [2.3.0] PieDoughnutChart
### Changed

- We updated victory-native to 36.9.2.

## [4.1.1] PopupMenu
### Changed

- We pinned react-native-material-menu to 1.2.0.

## [4.4.1] ProgressBar
### Changed

- We pinned react-native-progress to 5.0.1.

## [3.3.1] ProgressCircle
### Changed

- We pinned react-native-progress to 5.0.1.

## [3.0.1] RangeSlider
### Changed

- We pinned @miblanchard/react-native-slider to 2.6.0.

## [5.3.0] Rating
### Changed

- We removed @react-native-vector-icons/common dependency.
- We removed @react-native-vector-icons/get-image depedency.
- We added react-native-svg dependency and fixed the issue of rating icons not visible if user sets empty star and selected star as none in studio pro.

## [4.0.1] Slider
### Changed

- We pinned @miblanchard/react-native-slider to 2.6.0.

## [2.5.0] ToggleButtons
### Changed

- We updated react-native-segmented-control-tab to 3.4.1.
Version: 12.3.0
Framework Version: 11.12.0
Release Notes:

### Changed


- Replaced @notifee/react-native with react-native-notify-kit library.


## [4.4.0] BarcodeScanner

- We added support for QR of available remaining types including pdf417 in barcode scanner functinality.


## [5.3.2] BottomSheet

### Fixed


- Fixed bottomsheet issue to close when the trigger attribute changes.


## [5.3.0] Notifications

### Changed


- Replaced @notifee/react-native with react-native-notify-kit library.

Version: 12.2.2
Framework Version: 11.12.0
Release Notes: - Fixed an issue where the `TakePicture` and `TakePictureAdvanced` actions did not properly clean up temporary files.
Version: 12.2.1
Framework Version: 11.11.0
Release Notes: - We switched to a new sound library for the Play sound action to support react-native 0.84+.
- The Play sound action now plays audio files from online (network) documents on Android by downloading them to a version-based cache before playback.
- We have fixed the biometric authentication issue where it was not working on Android and crashing on iOS.
- Fixed an issue where the `TakePicture` and `TakePictureAdvanced` actions failed to capture photos on Android.

## [3.1.2] Image
### Fixed

- We fixed an issue that caused images from entities to not render on Android in Online Synchronization mode
Version: 12.2.0
Framework Version: 11.11.0
Release Notes:

## [5.3.1] BottomSheet
### Fixed

- Fixed flickering issue on Android when opening bottom sheet (both basic and custom render types).
- Improved backdrop animation with smooth fade-in/fade-out transitions.
Version: 12.1.0
Framework Version: 11.11.0
Release Notes: - Updated react-native from version 0.83.4 to 0.84.1.
- Updated @sbaiahmed1/react-native-biometrics from version v0.10.0 to v0.15.0.

## [3.2.1] BarChart
### Fixed

- We have resolved an issue preventing Bar chart from rendering correctly.

## [5.3.0] BottomSheet
### Changed

- Updated react-native-gesture-handler from version v2.30.0 to v2.31.2.
- Updated react-native-reanimated from version v4.2.2 to v4.3.1.
- Updated react-native-worklets from version v0.7.4 to v0.8.3.
- Updated @gorhom/bottom-sheet from version v5.2.8 to v5.2.14.
- Updated @shopify/flash-list from version v2.2.2 to v2.3.1.

## [2.2.1] ColumnChart
### Fixed

- We have resolved an issue preventing Column chart from rendering correctly

## [3.6.1] Feedback
### Changed

- Updated react-native-view-shot from version v4.0.3 to 5.1.0.

## [4.2.1] FloatingActionButton
### Changed

- Replaced `react-native-action-button` library with custom implementation using React Native`s Animated API for better maintainability and reduced bundle size.

- Removed deprecated `react-native-prop-types` dependency.

## [2.2.1] Gallery
### Changed

- Updated @shopify/flash-list from version v2.2.2 to v2.3.1.

## [2.1.1] GalleryTextFilter
### Changed

- Updated react-native-svg from version v15.15.3 to v15.15.4.

## [3.1.1] Image
### Changed

- Updated react-native-svg from version v15.15.3 to v15.15.4.
- Updated @react-native-vector-icons/common from version v12.4.0 to v12.4.2.

## [4.4.1] IntroScreen
### Changed

- Updated @shopify/flash-list from version v2.2.2 to v2.3.1.

## [3.5.0] ListViewSwipe
### Changed

- Updated react-native-gesture-handler from version v2.30.0 to v2.31.2.

## [4.1.1] QRCode
### Changed

- Updated react-native-svg from version v15.15.3 to v15.15.4.

## [5.2.1] Rating
### Changed

- Updated @react-native-vector-icons/common from version v12.4.0 to v12.4.2.

## [6.4.1] VideoPlayer
### Changed

- Updated react-native-video from version v6.19.0 to v6.19.2.
Version: 12.0.1
Framework Version: 11.10.0
Release Notes:

### Changed - Updated @sbaiahmed1/react-native-biometrics from version v0.10.0 to v0.15.0.