/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 vote148 views1 answer
How to make image slider in react js
Javascript React
0 vote174 views2 answers
React Class components LifeCycles
Javascript React
20 votes153 views6 answers
Build apk react native
Javascript React
18 votes149 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
0 vote152 views1 answer
When an aqueous solution of AgNO3 is mixed with an aqueous solution of (NH4)2CrO4, a precipitation reaction occurs. For this reaction, a) Write the molecular equation.
Javascript React
0 vote155 views1 answer
Escaping less than great than signs in react
Javascript React
0 vote196 views1 answer
React-native-checkbox in a loop
Javascript React
0 vote149 views1 answer
React Native Text style example
Javascript React
3 votes149 views1 answer
React router dynamic routes
Javascript React
9 votes161 views2 answers
Android center text react native
Javascript React