Skip to content

Menu Item row styles cannot be customized #4349

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

Open
jahirfiquitiva opened this issue Mar 20, 2024 · 3 comments · May be fixed by #4691
Open

Menu Item row styles cannot be customized #4349

jahirfiquitiva opened this issue Mar 20, 2024 · 3 comments · May be fixed by #4691
Assignees

Comments

@jahirfiquitiva
Copy link
Contributor

jahirfiquitiva commented Mar 20, 2024

Current behaviour

Menu Item row styles cannot be customized

Expected behaviour

There should be a prop to customize the MenuItem View styles, or at least the default styles should include

align-items: center

How to reproduce?

<View style={styles.row}>

What have you tried so far?

Using style and contentStyle but they won't work because they are not applied to the inner View

@gedu
Copy link
Contributor

gedu commented Apr 19, 2024

Hey, what do you want to achieve?
If you want to center the text you can do it like this:

<Menu.Item style={{alignItems: 'center'}} contentStyle={{ alignItems:'center'}} />
Screenshot 2024-04-19 at 11 47 59

@jahirfiquitiva
Copy link
Contributor Author

jahirfiquitiva commented Apr 19, 2024

@gedu I'm trying to vertically center the leading icon and the text, which parent view is a view we cannot apply styles to

@austonpramodh
Copy link

I am on the same boat, Trying to get the View to take full width.

@lukewalczak lukewalczak self-assigned this Apr 18, 2025
@lukewalczak lukewalczak linked a pull request Apr 23, 2025 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants