Stop View flexing react native

javascript react-native

How do I make the View not flex and take size of the content Inside in react native.

React Native


You can set the alignSelf style property to flex-start. for example:

<View style={{ alignSelf: 'flex-start' }}>...</View>

alignSelf controls how a child aligns in the cross direction, overriding the alignItems of the parent. It works like align-self in CSS (default: auto). See https://developer.mozilla.org/en-US/docs/Web/CSS/align-self for more details.

Related

How to programmatically set a localStorage with increasing values?
How to fix Command PhaseScriptExecution failed with a nonzero exit code on flutter run in macOS?
nginx controller and ingress - how is nginx controller and ingress linked?
How can I reduce the time complexity of the given python code?
Next.js explosion of crawlable files
How do I take a users input and display a greeting on the screen using .textContent in javascript?
AttributeError: 'generator' object has no attribute 'to_sql' While creating datframe using generator
Python - Kivy: AttributeError: 'super' object has no attribute '__getattr__' when trying to get self.ids
Spec - how to update a tree list keeping current selection?
Build multiple branches at once in a YAML pipeline
how can google.com put a tab focus on an element that is not focusable
Past perfect or past simple in combination with present perfect?