Карта Google не сжимается, когда пользователь открывает боковую панель - PullRequest
Новая
       30

Карта Google не сжимается, когда пользователь открывает боковую панель

1 голос
/ 31 мая 2019

Я новичок как в React, так и в Grommet, и прошел обучение по началу работы.Когда я добавляю карту Google в основной контейнер, она отображает и заполняет весь экран.Однако, когда я щелкаю значок уведомления, чтобы загрузить боковую панель, он отображается только в крошечном столбце сбоку.Есть ли у меня способ отредактировать стиль для автоматической регулировки ширины или мне нужно иметь ширину контейнера в качестве свойства, которое изменяется при нажатии кнопки?(Прошу прощения за любые ошибки формата вопроса, так как это мой первый пост.)

Я безуспешно пытался просмотреть реквизиты Grommet и различные настройки стиля CSS.

App.js: 

const { showSidebar } = this.state;
    return (
      <Grommet theme={theme} full>
        <ResponsiveContext.Consumer>
          {size => (
            ...

              <Box direction='row' flex overflow={{ horizontal: 'hidden' }}>
                <Box
                  align='start'
                  justify='start'
                  fill='horizontal'
                  responsive='true'              
                >
                  <MapContainer />
                </Box>

                {!showSidebar || size !== 'small' ? (
                  <Collapsible direction='horizontal' open={showSidebar}>
                    <Box
                      flex
                      width='medium'
                      background='light-2'
                      elevation='small'
                      align='center'
                      justify='center'
                    >
                      sidebar
                    </Box>
                  </Collapsible>
                ) : (

...

}
              </Box>
            </Box>
          )}
        </ResponsiveContext.Consumer>
      </Grommet>
    );

MapContainer.js: 

return (
      <Map google={this.props.google} zoom={14}/>
    );

Я хотел бы, чтобы карта сжималась, чтобы заполнить контейнер / контейнер сжиматься, когдабоковая нагрузка.

...