React-native-paper: Wrong Dialog size

Created on 27 Jun 2019  路  2Comments  路  Source: callstack/react-native-paper

Environment

React Native Paper version 2.16.0 and 3.0.0-alpha.2.

Description

Dialog component in horizontal orientation is too wide and on the iPhone X part of the component is hidden under the notch:
Zrzut ekranu 2019-06-27 o 19 28 23
Zrzut ekranu 2019-06-27 o 19 28 36

Original Android dialog:
Zrzut ekranu 2019-06-27 o 19 29 02

Reproducible Demo

Example Dialog code.

bug
Source
picture m-ochyra

Most helpful comment

For now you can set maxWidth and alignSelf on the Dialog:

<Dialog style={{ maxWidth: 500, alignSelf: "center" }} />
picture robclouth on 9 Jul 2019
👍2

All 2 comments

Any update on this ?

whoisdevd picture whoisdevd on 9 Jul 2019

For now you can set maxWidth and alignSelf on the Dialog:

<Dialog style={{ maxWidth: 500, alignSelf: "center" }} />
robclouth picture robclouth on 9 Jul 2019
👍2
Was this page helpful?
0 / 5 - 0 ratings

Related issues

scottybo picture scottybo  路  3Comments
timothystewart6 picture timothystewart6  路  4Comments
zxccvvv picture zxccvvv  路  4Comments
cassioseffrin picture cassioseffrin  路  3Comments
yaronlevi picture yaronlevi  路  3Comments