put space between items in a row

Is there any way to style elements (from the ratings view) in such a way that there's automatically some space between them? I thought of printing text (white spaces) but that doesn't sound like an ideal solution. What else can I do?

<View style={styles.introContainer}><Text style={styles.name}>{firstName}</Text><View style={styles.ratings}><Icon name="user" size={moderateScale(20)} /><Icon name="star" size={moderateScale(13)} /><Text style={styles.rating}> {rating}</Text></View></View>

  ratings: {    flexDirection: 'row',    //alignContent: 'center',    alignItems: 'baseline',  },  introContainer: {    alignItems: 'center',    paddingTop: 50,    width: '100%',  },