1.1.2 • Published 2 years ago

@amuizz/read-more-text v1.1.2

Weekly downloads
-
License
ISC
Repository
github
Last release
2 years ago

react-native-read-more-text

React native library to show text in a brief way and expand it when needed. It is a lightweight inline read more text component. It is written in Typescript and supports both TS/JS. It can be used with react native cli and expo both.

Screencast-from-08-14-2022-08_57_52-PM

Installation

npm i @amuizz/read-more-text --save

or with yarn

yarn add @amuizz/read-more-text

Usage

import React from 'react';
import { View } from 'react-native';
import ReadMoreText from '@amuizz/read-more-text';
const Test = () => {
  return (
    <View>
      <ReadMoreText numberOfLines={1} readMoreText={"read more"} readLessText={"read less"} readMoreStyle={{color: "#CACACA"}} readLessStyle={{color: "#000"}} >
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
      when an unknown printer took a galley of type and scrambled it to make a type specimen book</ReadMoreText>
    </View>
  );
};
export default Test;

Props

PropTypeRequiredNote
styleobject or arraynotext style
seeMoreTextstringnodefaults to more
seeMoreStyleobject or arraynotext style for more text
seeLessTextstringnodefaults to less
seeLessStyleobject or arraynotext style for less text
numberOfLinesnumbernodefaults to 1

Any additional props can be passed down to underlying Text component.

Drop a star :star: to this repo, if you feel it is good