React Native add bold or italics to single words in field

Question

How do I make a single word in a Text field bold or italics? Kind of like this:

This is a sentence with one word in bold         


        

Answer 1

Nesting Text components is not possible now, but you can wrap your text in a View like this:

    
        {'Hello '}
    
    
        {'this is a bold text '}
    
    
        and this is not
    

I used the strings inside the brackets to force the space between words, but you can also achieve it with marginRight or marginLeft. Hope it helps.