The React Native About Libraries package is on a similar concept of AboutLibraries. We would like to credit this library to all the AboutLibraries contributors
This package allows you to easily create an used open source libraries component within your app. As an extra feature you can also add an about this app section.
Here's a quick overview of functionalities supported:
- Listing of used open source libraries
- Provision for adding app section (optional)
- Autodetect installed packages
- Auto Font Scaling
- Much much more... try the sample for a quick overview.
npm install react-native-about-libraries --save
import { AboutLibraries } from 'react-native'
<AboutLibraries about={about} libraries={libraries} />
let about = {
avatar: Avatar,
name: 'React Native',
description: 'About Libraries Sample',
version: 'Version 0.0.1'
}
let libraries = [
{
name: 'ReactJS',
description: `React is a JavaScript library for building user interfaces.
creator: 'Facebook',
license: 'MIT',
version: '16.0.0',
link: 'https://github.com/facebook/react'
},
{
name: 'React Native',
description: 'Facebook React Native',
creator: 'Facebook',
license: 'MIT',
version: '0.52.0',
link: 'https://github.com/facebook/react-native'
}
]
Prop | Type | Default | Note |
---|---|---|---|
about |
JSON |
You can pass app info in order to render the app header. It's props are avatar, name, description, version | |
libraries |
JSON |
List of libraries you are using within your app | |
renderAbout |
Function |
You can provide your own custom about section renderer | |
renderLibraries |
Function |
You can provide your own custom library section renderer | |
libraryStyle |
JOSN |
You can customize library renderer style by pass your custom styles | |
aboutStyle |
JSON |
You can customize about section renderer by providing about style |
- Autodetect installed packages
- Auto Font Scaling
Contributions are welcome and are greatly appreciated! Every little bit helps, and credit will always be given.
React Native About Libraries is provided under the MIT License
- React Native - Spruce: react-native-spruce
- React Native - App Tour Library: react-native-taptargetview & react-native-material-showcase-ios
- React Native - Bottom Action Sheet: react-native-bottom-action-sheet
- React Native - Popover: react-native-popover-menu
- React Native - Shine Button: react-native-shine-button
-
React Native Iconic: react-native-iconic
-
React Native Download Button: react-native-download-button
- React Native Siri Wave View: react-native-siri-wave-view
- Visual Code Essential Plugins: vs-essential-plugins
- Prettier Pack: prettier-pack