react-native-read-more-text

react-native-read-more-text

$3

``
npm i react-native-read-more-text --save
`

or with yarn

`
yarn add react-native-read-more-text
`


Props

| Prop | Type | Required | Note |
|---|---|---|---|
| onReady | function | no | callback function to know when the component is ready
| children | string | yes | String to render on read more component
| renderTruncatedFooter | function | no | function that will replace the Read more label
| renderRevealedFooter | function | no | function that will replace the Hide label


Try it on Expo

!Example

$3

`javascript

import * as React from 'react';
import { View, Text } from 'react-native';
import ReadMore from 'react-native-read-more-text';

export class DescriptionCard extends React.Component {
render() {
let { text } = this.props;

return (



Description





numberOfLines={3}
renderTruncatedFooter={this._renderTruncatedFooter}
renderRevealedFooter={this._renderRevealedFooter}
onReady={this._handleTextReady}>

{text}





);
}

_renderTruncatedFooter = (handlePress) => {
return (

Read more

);
}

_renderRevealedFooter = (handlePress) => {
return (

Show less

);
}

_handleTextReady = () => {
// ...
}
}
``