Overview

A Native widget that allows you to truncate text in your native app and when pressed will expand

Documentation

A Native widget that allows you to truncate text in your native app and when pressed will expand

Full Docs here

Note

This widget is not based on the 'famous' React Native widget @fawazahmed/react-native-read-more as an implementation of that led to some performance issues, and it was decided to do a more simplistic implementation.

Example

AndroidiOS

Setup of In Mendix

  PropertyDetailsAnimate?Does it animate when opening or closingNumber Of LinesHow many lines to display before truncatingText To DisplayText to truncateShow Read MoreShow Read More Button to userShow Read LessShow Read Less Button to user

Read more and Read Less Section

Only place text here as a too big element could break the display

Technically Note

The widget calculates the height of the closed text and open height by rendering it off-screen and using that as closed and open height. Adding a lot to a page on a slow device could have a performance hit (O(n))