search

acro5piano / react-native-big-calendar

gcal/outlook like calendar component for React Native
https://react-native-big-calendar.vercel.app
MIT License
420 stars 138 forks source link

Swipe more naturally #138

Open acro5piano opened 4 years ago

acro5piano commented 4 years ago

Currently swipe action is just pan responder, which moves very unnaturally.

acro5piano commented 3 years ago

I think ScrollView for both horizontal and vertical is enough.

Using https://github.com/cesardeazevedo/react-native-nested-scroll-view

sebastienfi commented 3 years ago

Should be done with Animated We don't want to fetch all events to display only a few.

acro5piano commented 3 years ago

@sebastienfi I'm thinking which library is better. Do you have any recommendation? Animated is a way to go because it is a standard lib, but do you have any experience with react-native-reanimated?

https://github.com/software-mansion/react-native-reanimated

We don't want to fetch all events to display only a few.

Yeah, apps should fetch data current week +- 1 week or so.

acro5piano commented 3 years ago

My idea is to rely on this lib:

https://github.com/leecade/react-native-swiper

acro5piano commented 3 years ago

react-native-swiper does not support the web!

nandorojo commented 2 years ago

React Native tabview does have web support https://github.com/satya164/react-native-tab-view

An alternative is FlatList

acro5piano commented 2 years ago

@nandorojo Thank you for the information. That should be useful for us too.

acro5piano commented 2 years ago

https://github.com/callstack/react-native-pager-view

joaobsantos commented 2 years ago

Hi guys do you intend to implement this? Google calndar has this animation and its real cool for the user... Anything I could do to help?

acro5piano commented 2 years ago

@joaobsantos Thanks for your interesting. I'm recently terribly busy and not working for this feature.

joaobsantos commented 2 years ago

@joaobsantos Thanks for your interesting. I'm recently terribly busy and not working for this feature.

Ok, when I have a little time I'll try to do this and create a pull request, thx...

Great work :)

acro5piano commented 2 years ago

@joaobsantos Thanks!!

CptMaumau commented 1 year ago

I've attempted it for the month view using https://github.com/computerjazz/react-native-infinite-pager What do you think?

https://user-images.githubusercontent.com/5366008/180193591-89ee81d5-cf71-46be-85ca-b4d60adc39a5.mp4

acro5piano commented 1 year ago

@CptMaumau That's truly awesome! If you create a PR, I'm happy to merge it. Thanks!

CptMaumau commented 1 year ago

@acro5piano I still have to do some testing to do but I will asap!

joaobsantos commented 1 year ago

@CptMaumau thank you so much, @CptMaumau sorry it's been complicated in work, never got to this :(

tegozen commented 1 year ago

what is the result here? Still no smooth swipes?

acro5piano commented 1 year ago

Still not implemented.

@CptMaumau Can you share your implementation for those who want to implement it? Your demo video looks so promising.

apperside commented 1 year ago

Hello @CptMaumau , would love to see your implementation

voulgarakis commented 8 months ago

Hi all, any progress on this?

Robert27 commented 7 months ago

Any updates? Or can you at least provide the code you used in the video @CptMaumau

iamproparnadas commented 2 days ago

I've attempted it for the month view using https://github.com/computerjazz/react-native-infinite-pager

What do you think?

https://user-images.githubusercontent.com/5366008/180193591-89ee81d5-cf71-46be-85ca-b4d60adc39a5.mp4

Any update on this? It'll be really helpful if you share your changes.