As you see in picture below text not wraps empty space of new lines
How to fluid texts to empty space that indicated with red line?
component:
...<Block row>
<Text size={14} style={styles.productLabel}>
Name:
</Text>
<Text size={14} style={styles.productTitle}>
{product.product_name}
</Text>
</Block>...
const styles = StyleSheet.create({
product: {
backgroundColor: "#6994A6",
marginVertical: theme.SIZES.BASE,
borderWidth: 0,
minHeight: 114,
},
productLabel: {
color: "#263E62",
paddingBottom: 5,
fontWeight: "bold",
},
productTitle: {
paddingBottom: 5,
},
question from:
https://stackoverflow.com/questions/65834859/how-to-spread-text-to-empty-new-lines 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…