/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

0 vote275 views1 answer
Open xcode shorthand react native
Javascript React
0 vote346 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
5 votes325 views1 answer
Import react dom
Javascript React
108 votes355 views1 answer
How to start react app in windows
Javascript React
21 votes286 views6 answers
React native apk build
Javascript React
11 votes332 views4 answers
Prototype react
Javascript React
0 vote308 views1 answer
Open close children modal react
Javascript React
0 vote321 views1 answer
How to run and clone react app
Javascript React
0 vote310 views1 answer
Start to work with a pre existing react projects
Javascript React
0 vote295 views1 answer
Add update react pwa feature
Javascript React