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: 15 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 2 years ago)
• Default Branch: main
• Last Pushed: 2021-10-04T00:28:16.000Z (over 2 years ago)
• Last Synced: 2024-05-01T15:40:14.225Z (about 2 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

Lists

• my-awesome-stars - akinncar/rn-mirror-lists - 🪞 Mirror scroll lists for React Native (TypeScript)

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])**