I want my items to be aligned like this:
The code is:
<View style={{flex: 1}}>
<View style={{flexDirection: 'row'}>
<Component.CircledIcon
source={iconSource}
/>
<Component.Text style={{fontWeight: 'bold',
fontSize: '$regular',
color: '$body',
flex: 1,
marginRight: '2.5rem',
paddingBottom: '1rem',
}}>
{name}
</Component.Text>
</View>
</View>
Try this:-