'Show More' button to display more/less items which are inside of the <ShowMore> element.
npm install react-native-show-more-button
npm install react-native-show-more-button --save
`
`javascript
import ShowMore from 'react-native-show-more-button';
`
!Example
Props
`
height -> height of component when it's closed. Default value is 250.
showMoreText -> Show More button text. Default string is "Show More".
showLessText -> Show Less button text. Default string is "Show Less".
buttonColor -> color of show more/less text. Default value is "#AAAAFF".
`
$3
`javascript
// import component
import ShowMore from 'react-native-show-more-button';
//usage:
`
Usage (with props)
`javascript
// import component
import ShowMore from 'react-native-show-more-button';
//usage:
`
Example Code
`javascript
import React from 'react';
import { Image, Text, View, ScrollView } from 'react-native';
import ShowMore from 'react-native-show-more-button';
export default class App extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
wowowowowowowowowowwowo
What a LOGO!
This is just a test script
for Show More react-native module
Dope, right?
This is a logo with number 6 in it
We are going to see if this package works well!
------------------------------------
Well, looks like it works, right?
Easy to use!
react-native-show-more-button
Okay.
);
}
}
``