Hide overflow text on native - Mendix Forum

Hide overflow text on native



I have dynamic text (titles) which are sometimes too long for the space it is in. On web CSS you can use text-overflow ellipsis to cut off the text and use … Is there a way to do this on native? I found this online https://reactnativecode.com/text-overflow-create-ellipsis-text/ but you need to add this in the text document and not in the styling. 

Here is how it now looks like. I want to have the text “This needs to be…” 


Can somebody help me?

1 answers

Add this to your style js:


export const singleLineTextEllipsis = {
    text: {
        numberOfLines: 1


Then put class singleLineTextEllipsis on your text in Mendix.