Unwanted pixel gap in react native flex box

There is an unwanted gap of approximately a pixel in between the child components (I colored the background red so it's easier to see). Anyone know how to get rid of it?

<View    style={{        flexDirection: 'row',        backgroundColor: 'red',    }}><View        style={{            backgroundColor: 'dodgerblue',            width: 30,            height: 30,        }}    /><View        style={{            backgroundColor: 'dodgerblue',            width: 30,            height: 30,        }}    /><View        style={{            backgroundColor: 'dodgerblue',            width: 30,            height: 30,        }}    /></View>