How to hide the "read more" when the content is less than numberOfLines?

[Lylisa]

Sometimes, the content is just a few , I don't want to show the "read more" , I want to show it just when the whole content is more than the numberOfLines, please help me for this ,thank you much more.

[ankitjaiswal1994]

Did you got the solution ?

[vtsybulin]

@Lylisa @ankitjaiswal1994 it does that out of the box, only on mount stage tho, no content changes are taken into account for layout recalculations. #36 should fix that.

[cmcodes1]

You can use ternary operator:

{
    'yourText'.length > 50
        ?
        <ReadMore
            numberOfLines={1}
            renderTruncatedFooter={(handlePress) => { return <Text onPress={handlePress} style={{ color: 'grey' }}>show more</Text> }}
            renderRevealedFooter={(handlePress) => { return <Text onPress={handlePress} style={{ color: 'grey' }}>show less</Text> }}
        >
            <Text>yourText</Text>
        </ReadMore>
        :
        <Text>yourText</Text>
}