Skip to content

Instantly share code, notes, and snippets.

@pablocattaneo

pablocattaneo/prevent_text_from_overflowing_its_container.tsx

Last active August 29, 2024 21:21
Show Gist options
  • Save pablocattaneo/d8dd0b9eb82fba3d7da5263296677c26 to your computer and use it in GitHub Desktop.
Save pablocattaneo/d8dd0b9eb82fba3d7da5263296677c26 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
prevent_text_from_overflowing_its_container.tsx
// Set flexShrink in Style: This property allows the text to shrink in order to fit its container.
<View style={{ flexDirection: 'row', width: 100 }}>
<Text style={{ flexShrink: 1 }}>This is some long text that might overflow its container.</Text>
</View>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment