React-native-calendars: Collapse Agenda with Android back button/ Show Collapase knob

Created on 10 Jul 2018  路  6Comments  路  Source: wix/react-native-calendars

  1. When Agenda is expanded the drag knob is hidden, is it possible to show it, to be able to collapse calendars without selecting.
  2. Is it possible to collapse Agenda calendars programatically to use with Android back button.
    Because now its not intuitive, and pressing back button closes the Screen

Most helpful comment

Hi there, I found an workaround solution to collapse the agenda when it is expanded. You can implement as below:

  • add a close icon to calendars list
  • add a ref on Agenda JSX
  • call this method when press on close icon this.agenda._chooseDayFromCalendar(selectedDate)

Hope it help for all.

All 6 comments

it should be to have this feature. In addition, it should have a previous/next (week, month) on top for easily selection.

Hi there, I found an workaround solution to collapse the agenda when it is expanded. You can implement as below:

  • add a close icon to calendars list
  • add a ref on Agenda JSX
  • call this method when press on close icon this.agenda._chooseDayFromCalendar(selectedDate)

Hope it help for all.

Hi there, I found an workaround solution to collapse the agenda when it is expanded. You can implement as below:

  • add a close icon to calendars list
  • add a ref on Agenda JSX
  • call this method when press on close icon this.agenda._chooseDayFromCalendar(selectedDate)

Hope it help for all.

...
ref={(ref) => this._Agenda = ref}
/>
this._Agenda.chooseDay(this._Agenda.state.selectedDay);
This is work for me

how can we close calendar if it is open in react native calendar(Agenda)

how can we close calendar if it is open in react native calendar(Agenda)

<Agenda
  onCalendarToggled={(calendarOpened) => {this.setState({calendarOpened})}}
/>
if(this.state.calendarOpened){
  this._Agenda.chooseDay(this._Agenda.state.selectedDay);
}else{
  this.props.navigation.goBack();
}

@veedeo Please see comment on PR #655

Was this page helpful?
0 / 5 - 0 ratings

Related issues

chapeljuice picture chapeljuice  路  3Comments

dobiedad picture dobiedad  路  4Comments

srichallamalla935 picture srichallamalla935  路  4Comments

moiiiiit picture moiiiiit  路  4Comments

sommeshEwall picture sommeshEwall  路  3Comments