react native - how to spread text to empty new lines

Question

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

Answer 1

Waitting for answers