Skip to content

Bug Dialog action button #3796

@elmcapp

Description

@elmcapp

I am using the lates version of react native and react native paper. I am getting an issue where when my dialog have multiple buttons and I have the mode set to contained the buttons spaced.

"react-native-paper": "^5.5.2",

 <Portal>
      <Dialog visible={props.visible}>
        <Dialog.Title>Icon Upload Required</Dialog.Title>
        <Dialog.Content>
          <Text variant="bodyMedium">
            It appears you are using icons that have not been saved to the
            cloud. Would you like to upload the icon to the cloud? If not, any
            icons used in this layout will not be visible
          </Text>
        </Dialog.Content>
        <Dialog.Actions>
          <Button onPress={props.onHide}>Cancel</Button>
          <Button mode="contained" onPress={handleDontUpload}>
            Don't Upload
          </Button>
          <Button mode="contained" onPress={handleUploadPress}>
            Upload
          </Button>
        </Dialog.Actions>
      </Dialog>
    </Portal>

Screenshot 2023-04-01 at 10 07 38 PM

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions