Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Making centered modal instead of bottom sheet #377

Open
andrii-yar opened this issue Jul 10, 2024 · 3 comments
Open

Making centered modal instead of bottom sheet #377

andrii-yar opened this issue Jul 10, 2024 · 3 comments

Comments

@andrii-yar
Copy link

Is it possible to change the view of the modal, so it becomes centered on the screen and does not take the whole width and height?
I want to keep the app consistent, but I do have few variants of the modal, and I just wonder if I can change react-native-actions-sheet to a modal as on the screenshot

image

Thanks in advance!

@alex-vasylchenko
Copy link

yeah, i have the same issue

@Online13
Copy link

I think it's better if you use directly a modal instead of using an "action sheet" to create a modal behavior

@ice-cap0
Copy link

ice-cap0 commented Nov 2, 2024

    <ActionSheet
      id={props.sheetId}
      containerStyle={styles.actionSheetContainer}
      indicatorStyle={styles.actionSheetIndicator}>
      <Content />
    </ActionSheet>

styles

  actionSheetContainer: {
    height: '100%',
    backgroundColor: 'transparent',
  },
  actionSheetIndicator: {
    display: 'none',
  },

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants