Overview

Gradient View Widget allows developers to apply linear gradient effects to both text and background elements in Mendix Native Applications. Enhancing standard UI styling, this widget supports multi-color gradients, customizable font sizes, font families, and dynamic text rendering.

Documentation

Typical usage scenario

Gradient Text Widget is designed for developers who want to add a smooth, multi-color gradient effect to text elements in Mendix Native apps. It enhances UI design, making text more visually appealing for:

• Headings & Titles – Give your app a modern and stylish look.

• Labels & UI Elements – Improve readability with eye-catching color transitions.

• Branding & Themes – Match gradient text with your app’s color scheme for a unique design.

Features

• Multi-Color Gradients – Supports multiple colors with customizable offsets.
• Custom Font Support – Use custom fonts like "Arial" or any other font family.
• Adjustable Font Size – Define font size dynamically.
• Flexible Gradient Direction - Set gradient angles (→ , ↘ , ↙ , ↓) to control the flow and orientation of colors.

Dependencies 

• @react-native-masked-view/masked-view
• react-native-linear-gradient