Как я могу создать модальную страницу в функции? - PullRequest
Новая
       11

Как я могу создать модальную страницу в функции?

0 голосов
/ 21 апреля 2020

Календарь / индекс. js

constructor(props) {
this.state = {
  CalendarModalVisible: false
};
}
toggleCalendarModal = () => {
this.setState({ CalendarModalVisible: !this.state.CalendarModalVisible });  
 }
setModalPage = () => {
return(
 <Modal isVisible={this.state.CalendarModalVisible} onBackdropPress={() => 
{ this.toggleCalendarModal() }} >
 <View style={this.style.modal_container} >
 </View>
 </Modal>
);
}
renderDay(day, id) {
....
  return (
      <TouchableOpacity onPress={() => { this.setModalPage(); 
this.toggleCalendarModal() }}>
        <View style={[this.style.home_day, { height: days_len }]} key={day} 
>
          <View style={{ flex: 1, alignItems: 'center' }} key={id}>
            <DayComp
              ...
            >
              {date}
            </DayComp>
          </View>
        </View>
      </TouchableOpacity>
  );
renderWeek(days, id) {
const week = [];
days.forEach((day, id2) => {
  week.push(this.renderDay(day, id2));
}, this);
  return (<View style={[this.style.home_week} key= 
{id}>{week}
  </View>);
 render() { ...}
 return( <View 
        ...calendar component
       </View>
 );

Я изменяю календарь / индекс. js в модуле реагировать на собственный календарь. Я сделал страницу календаря как iphone календарь. и я хочу показать модальную страницу, если я нажму на представление home_day в функции renderday ..... функция setModalPage работает хорошо, но модальная страница не отображается. как я могу решить проблему ..?

Редактировать

Я решаю проблему самостоятельно. Я добавил {this.forceUpdate ()} в функцию toggleCalendarModal.

...