React native text going off my screen, refusing to wrap. What to do?

by

I found solution from below link.

[Text] Text doesn’t wrap #1438

<View style={{flexDirection:'row'}}> 
   <Text style={{flex: 1, flexWrap: 'wrap'}}> You miss fdddddd dddddddd 
     You miss fdd
   </Text>
</View>

Output

Below is the Github profile user link if you want to thank him.

Ally Rippley

Edit: Tue Apr 09 2019

As @sudoPlz mentioned in comments it works with flexShrink: 1 updating this answer.

enter image description here

More Related Contents:

  1. ml-auto is not pushing navbar links to the right
  2. Working with CSS in React [closed]
  3. Fill remaining vertical space with CSS using display:flex
  4. How does flex-wrap work with align-self, align-items and align-content?
  5. Flex-box: Align last row to grid
  6. Text in a flex container doesn’t wrap in IE11
  7. Equal height rows in CSS Grid Layout
  8. Align 3 unequal blocks left, center and right
  9. How can I align one item right with flexbox?
  10. What do “flex” and “justify-content” achieve that “text-align” doesn’t?
  11. How to make React CSS import component-scoped?
  12. Every item to have the same width as the widest element [duplicate]
  13. How can I make a div span multiple rows and columns in a grid?
  14. Flexible box model – display : flex, box, flexbox? [duplicate]
  15. How to use template literals in tailwindcss to change classes dynamically?
  16. firefox overflow-y not working with nested flexbox
  17. Are flex items block level element?
  18. Bootstrap change order of columns
  19. How to specify an element after which to wrap in css flexbox? [duplicate]
  20. CSS3 Flexbox: display: box vs. flexbox vs. flex
  21. Flex auto margin not working in IE10/11
  22. unable to scroll in scrollView
  23. How to override global CSS in a CSS module file?
  24. Prevent flex items from overflowing a container
  25. Can flex items wrap in a container with dynamic height?
  26. How to fix unexpected column order in bootstrap 4?
  27. How to stretch children to fill cross-axis?
  28. How to get a react component’s size (height/width) before render?
  29. Issue when centering vertically with flexbox when heights are unknown
  30. Do I not understand the flex-grow property?

Leave a Comment