Question

Hide overflow text on native

1

Hi, 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?

asked 2021-01-28

Kolien Pleijsant

1 answers

Marcel Groeneweg ITV · Accepted Answer · 2021-01-28

Add this to your style js:

export const singleLineTextEllipsis = {
    text: {
        numberOfLines: 1
    }
};

Then put class singleLineTextEllipsis on your text in Mendix.