TextInput expands parent container unexpectedly

[kashumaku]

Current behaviour

TextInput inside a flex container without width constraints, the input expands to full width, causing the parent container to stretch. Expected behavior is that it should respect the parent’s intrinsic size unless explicitly styled.

Expected behaviour

Expand the parent container

[rd273001]

SOLUTION :
=> Use flexShrink: 1 in Text style prop, if you want it to take space upto where your text content is, and this will make it to not go beyond the bounds
=> Use flex 1 if you want it to take full available space not going beyond the bounds or give width as you want, to Text style

Its the same issue in Text from react-native as well!

[rd273001]

I have the updated the comment and its the correct solution for that issue!