/Javascript/React/Text number of lines react native

Text number of lines react native

<Text numberOfLines={2} ellipsizeMode='tail'>
  long string
</Text>

React native text get number of lines

const NUM_OF_LINES = 5;
const SOME_LONG_TEXT_BLOCK = 'Lorem ipsum ...';

function SomeComponent () { 
  const [ showMore, setShowMore ] = useState(false);
  const onTextLayout = useCallback(e => {
    setShowMore(e.nativeEvent.lines.length > NUM_OF_LINES);
  }, []);

  return (
    <Text numberOfLines={NUM_OF_LINES} onTextLayout={onTextLayout}>
      {SOME_LONG_TEXT_BLOCK}
    </Text>
  );
}

Source: stackoverflow.com

Similar codes

1 vote389 views1 answer
React native image disable fade in onload
Javascript React
4 votes378 views1 answer
Carousel react
Javascript React
1 vote375 views1 answer
React native basic template
Javascript React
0 vote356 views1 answer
How to disable button if errors object isnt empty in react hook form
Javascript React
18 votes317 views6 answers
Add svg in react
Javascript React
11 votes380 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
4 votes361 views3 answers
Image react native base64
Javascript React
105 votes394 views1 answer
React web app create
Javascript React
0 vote348 views1 answer
React hook form reset only one field
Javascript React
0 vote360 views1 answer
Unrecognized font family 'feather' react native
Javascript React