All Projects → akinncar → rn-mirror-lists

akinncar / rn-mirror-lists

Licence: MIT license
🪞 Mirror scroll lists for React Native

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to rn-mirror-lists

React Native Swiper Flatlist
👆 Swiper component implemented with FlatList using Hooks & Typescript + strict automation tests with Detox
Stars: ✭ 217 (+471.05%)
Mutual labels:  scrollview, expo
react-native-firebase-redux-authentication
Firebase Authentication using React Native, Redux, Router flux.
Stars: ✭ 45 (+18.42%)
Mutual labels:  expo
MBVideoPlayer
feed流在线播放器。仿抖音交互效果,支持边下边播以及离线播放功能。
Stars: ✭ 20 (-47.37%)
Mutual labels:  scrollview
expo-deploy
Bash script to deploy to different Expo environments (https://expo.io)
Stars: ✭ 40 (+5.26%)
Mutual labels:  expo
expo-rn-firebase-image-upload
example of how to upload image in expo with react-native and firebase
Stars: ✭ 47 (+23.68%)
Mutual labels:  expo
proffy
React Native + ReactJS + NodeJS project developed on RocketSeat NexLevelWeek. This project is based on an application for connect students and teachers.
Stars: ✭ 30 (-21.05%)
Mutual labels:  expo
ikuradon
Mastodon client app for React Native(Expo App)
Stars: ✭ 41 (+7.89%)
Mutual labels:  expo
Expo-Super-Mario-World
Native Super Mario World in Expo
Stars: ✭ 24 (-36.84%)
Mutual labels:  expo
react-native-walkthrough
React Native Walkthrough User Onboarding Flow to start your react native app development
Stars: ✭ 37 (-2.63%)
Mutual labels:  expo
heylinda-app
The open source and free meditation app alternative for everyone. Built with React Native and Expo.
Stars: ✭ 481 (+1165.79%)
Mutual labels:  expo
tic-tac-toe-app
Online multiplayer Tic Tac Toe game for iOS, Android, and web.
Stars: ✭ 34 (-10.53%)
Mutual labels:  expo
Auto Overnight
학교 외박신청 자동화 App Based in React Native
Stars: ✭ 12 (-68.42%)
Mutual labels:  expo
react-native-shadow-2
Cross-platform shadow for React Native. Supports Android, iOS, Web and Expo.
Stars: ✭ 442 (+1063.16%)
Mutual labels:  expo
apple-notes
A clone of the Apple Notes app but made universally with Expo
Stars: ✭ 53 (+39.47%)
Mutual labels:  expo
react-native-appsync-s3
React Native app for image uploads to S3 and storing their records in Amazon DynamoDB using AWS Amplify and AppSync SDK
Stars: ✭ 18 (-52.63%)
Mutual labels:  expo
app-monorepo
Secure, open source and community driven crypto wallet runs on all platforms and trusted by millions.
Stars: ✭ 1,282 (+3273.68%)
Mutual labels:  expo
chat-widget-native
Papercups chat widget for React Native/Expo
Stars: ✭ 24 (-36.84%)
Mutual labels:  expo
jellyfin-expo
Jellyfin Mobile for iOS
Stars: ✭ 164 (+331.58%)
Mutual labels:  expo
react-native-expo-web
All-in-one React Native project (Expo + react-native-web)
Stars: ✭ 16 (-57.89%)
Mutual labels:  expo
RTHeadedColumnView
Multi-column content with a common header view
Stars: ✭ 12 (-68.42%)
Mutual labels:  scrollview

rn-mirror-lists

Mirror scroll lists for React Native

Installation

yarn add rn-mirror-lists

Usage

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',
  },
];

// ...

<MirrorLists
  data={data}
  keyExtractor={({ item }) => item.id.toString()}
  horizontalRenderItem={({ item }) => (
    <Image
      source={{ uri: item.image }}
      style={{
        width: 64,
        height: 64,
        marginHorizontal: 12,
        marginVertical: 8,
        borderRadius: 32,
      }}
    />
  )}
  verticalRenderItem={({ item }) => (
    <Text>{item.description}</Text>
  )}
  reverse={false} // optional
/>

Example App

You can run the exmaple app on /example folder.

cd example && yarn start

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Contact

Akinn Rosa - Github - [email protected]

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].