Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akinncar/rn-mirror-lists
🪞 Mirror scroll lists for React Native
https://github.com/akinncar/rn-mirror-lists
expo react-native scrollview
Last synced: 7 days ago
JSON representation
🪞 Mirror scroll lists for React Native
- Host: GitHub
- URL: https://github.com/akinncar/rn-mirror-lists
- Owner: akinncar
- License: mit
- Created: 2021-09-30T00:58:39.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-10-04T00:28:16.000Z (over 3 years ago)
- Last Synced: 2024-05-01T15:40:14.225Z (10 months ago)
- Topics: expo, react-native, scrollview
- Language: TypeScript
- Homepage:
- Size: 39.6 MB
- Stars: 40
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# rn-mirror-lists
Mirror scroll lists for React Native
![]()
![]()
![]()
## Installation
```sh
yarn add rn-mirror-lists
```## Usage
```js
import { MirrorLists } from 'rn-mirror-lists';// ...
const data = [
{
id: 1,
image: 'https://avatars.githubusercontent.com/u/42688281?v=4',
description: 'This guy is really amazing',
},
];// ...
item.id.toString()}
horizontalRenderItem={({ item }) => (
)}
verticalRenderItem={({ item }) => (
{item.description}
)}
reverse={false} // optional
/>
```## Example App
You can run the exmaple app on `/example` folder.
```sh
cd example && yarn start
```## Contributing
See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
## License
MIT
## Contact
Akinn Rosa - [Github](https://github.com/akinncar) - **[[email protected]](mailto:[email protected])**