/Javascript/React/React native text get number of lines

React native text get number of lines

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

6 votes263 views4 answers
Add items to a react array in hooks
Javascript React
0 vote263 views1 answer
UseFetch custom hook for React
Javascript React
3 votes267 views2 answers
How to get custom attribute value in react
Javascript React
0 vote263 views1 answer
React state deconstructed
Javascript React
5 votes288 views3 answers
How to scroll to an element javascript react
Javascript React
0 vote275 views1 answer
React-tournament-ready
Javascript React
0 vote276 views1 answer
How to Submit Forms and Save Data with React.js
Javascript React
0 vote269 views1 answer
React-native-checkbox in a loop
Javascript React
0 vote260 views1 answer
Modal react form table
Javascript React
0 vote280 views1 answer
React paypal express checkout
Javascript React