Перевести диалог Материал-Пользовательский интерфейс из другого компонента - PullRequest
Новая
       8

Перевести диалог Материал-Пользовательский интерфейс из другого компонента

0 голосов
/ 27 мая 2018

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

Я пытаюсь что-то сделать с источником преобразования и расширением перехода,но я не уверен, что направляюсь в правильном направлении: 

class ImagePopup extends Component<Props>{
    popupTransition(props) {
        return <Grow
            {...props}
            style={{ transformOrigin: '1000px -500px 0' }}
            {...(true ? { timeout: 500 } : {})} />;
    }

    render() {
        return <Dialog TransitionComponent={this.popupTransition} onClose={this.props.close} open={this.props.previewImage}> <DialogTitle id="alert-dialog-title">{"Use Google's location service?"}</DialogTitle>
            <DialogContent>
                <DialogContentText id="alert-dialog-description">
                    Let Google help apps determine location. This means sending anonymous location data to
                    Google, even when no apps are running.
            </DialogContentText>
            </DialogContent>
        </Dialog>
    }
}

Я думаю, что единственный оставшийся трюк состоит в том, чтобы выяснить transformOrigin изображения в пространстве экрана и установить его в popupTransition.

Кроме того, я хотел бы, чтобы он перешел от исходного размера компонента изображения к большему всплывающему окну, но я не уверен, возможно ли это при текущем способе работы диалога.

Как мне поступить так или есть лучший способ сделать это?

...