Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

renderArrow and clickable area

See original GitHub issue

Description

I have add renderArrow but click area don’t match with arrow

Expected Behavior

I have add this code at <Calendar />:

renderArrow={(direction) => {
  if (direction == "left")
    return (
      <IconButton icon="arrow-left-bold-circle-outline" color='#291D89' size={30} />
    );
  if (direction == "right")
    return (
      <IconButton icon="arrow-right-bold-circle-outline" color='#291D89' size={30} />
    );
}}

Observed Behavior

immagine Red is clickable area… If I click on arrow, the month doesn’t change

Environment

react-native-calendars: 1.1260.0
react-native: 0.64.1

I use expo web to try it

Issue Analytics

State:
Created 2 years ago
Comments:5

Top GitHub Comments

1reaction

ahmad6242commented, Sep 15, 2021

This issue is still there ! anyone got something on it!

EDITED: at first i was using the touchableopactity on top of Icon. But then i realized it does not needed it. then i removed it. now its working fine.

0reactions

temucciocommented, Feb 11, 2022

This issue is still there ! anyone got something on it!

EDITED: at first i was using the touchableopactity on top of Icon. But then i realized it does not needed it. then i removed it. now its working fine.

Hi @ahmad6242 , I have try 1.1277.0 and I still have this problem.

Top Results From Across the Web

How to increase the clickable area of a nested clickable Text

<Text onPress={() => alert('Hit')}> I can create a nested ... However, the clickable area of this hyperlink is tiny, which leads to bad...

renderArrow · Issue #877 · wix/react-native-calendars - GitHub

Description I am using renderArrow in Calendar component to render ... area where the right arrow renders the months are getting changed ...

When should I use arrow functions with React?

Arrow functions are a lot of fun, but they can sometimes slow down your React app. So let's find out when they make...

renderArrow | React Elastic Carousel - GitHub Pages

A flexible and responsive carousel component for react.

react-native-calendars - npm

This module includes various customizable React-Native calendar components. The package is both Android and iOS compatible. See our new Docs site. Try it...