search

howljs / react-native-calendar-kit

React Native Calendar Kit is a powerful and flexible calendar component for React Native applications. It provides a customizable and feature-rich calendar view with support for various functionalities
https://howljs.github.io/react-native-calendar-kit/docs/intro/
MIT License
443 stars 75 forks source link

Scroll calendar horizontally when there are too much resources #146

Open ondanieldev opened 3 weeks ago

ondanieldev commented 3 weeks ago

Allow Horizontal Scrolling for Calendar with Multiple Resources

Summary

Hello! Thank you for adding the resources functionality—it’s exactly what I needed for my app. I am using this feature to split the calendar view by users, and in many cases, I need to render 10 or more resource columns.

Problem

Currently, the calendar automatically shrinks the width of each column to fit all resources on the screen, which compromises the visibility and usability of each resource. Is there an way to handle it that is already implemented?

iOS screenshot

Suggestions

howljs commented 3 weeks ago

The feature can be implemented, but I may need to separate it into a standalone package to work on it, as it will require a lot of new code

howljs commented 3 weeks ago

I just tried looking for a temporary React Native library for you, but I couldn’t find one. I might have to develop additional UI for this feature. However, I can’t make any promises yet, as it depends on whether I can arrange the time. It definitely won’t be released quickly because I still have my main work to focus on.

ondanieldev commented 3 weeks ago

Thank you for quick response! I am considering to develop it on my own and send a PR, would it be ok?

howljs commented 3 weeks ago

It would be great if you could do that. I would always look forward to contributions from everyone

sandeepsuthar commented 1 week ago

@ondanieldev @howljs Can you please help on this feature? I have have 10+ resources and it's showing narrow size column. Please create temporary PR for this issue, we need this feature very urgent. I don't need horizontal pagination for resource and other mode.

Thanks

ondanieldev commented 1 week ago

@sandeepsuthar I’d like to work on that, but I don’t have time to address it right now and the project I'm currently working on requires a quicker solution. So I’ve created something like a carousel that renders X resources and lets users step through them one by one just by changing the list of visible resources. I’m also working on making this X adjustable by the user and shrinking/hiding header components depending on X. This work around might help meet your needs as well.

Here is a preview of what I am implementing, I hope it helps as a suggestion/inspiration:

https://github.com/user-attachments/assets/2ab888c9-aaa6-43c9-8a9d-a611596971c0

sandeepsuthar commented 1 week ago

@ondanieldev Absolutely brother, it will be a great help if you create PR. This resource feature is backbone of our application and tried a lot of lib but nothing as expected. You controlled by button click but i need horizontal scroll with resource mode.

sandeepsuthar commented 2 days ago

@ondanieldev @howljs Any update on this feature, it will be a great help if you have done anything.

Thank you for great repository