<View
style={{
flexDirection: 'row',
alignItems: 'center',
height: 130,
marginVertical: 10,
overflow: 'hidden'
}}
>
<Image
source={{
uri: props.image_medium
}}
style={{
height: 120,
width: 120,
borderRadius: 10
}}
/>
<View style={{ marginLeft: 10 }}>
<Text
style={{
fontFamily: 'Montserrat_bold',
fontSize: 14,
color: Colors.NewBlue
}}
>
{props?.title.trim()}
</Text>
I am attempting to prevent the title from being cut off and instead continue on the next line, but the outcome is not as expected. Refer to the image https://i.sstatic.net/Hmqeg.png