Индикатор активного экрана подталкивает своих соседей

Question

У меня есть индикатор активной страницы.

Проблема в том, что если индикатор установлен, он отталкивает соседей (кроме самого правого значка, у него есть position:'absolute').

Что такое правильный способ прикрепить их туда, где они, как крайний правый значок?

Я пробовал position:'absolute' в нескольких других местах, но обычно испортил вид.

Вид. js

<View style={{ flex: 2, }}>
  <TouchableOpacity style={{ flex: 1, }} onPress={() => NavigationService.navigate('Homepage')}>
     <View style={[
          (activeItemKey == 'Homepage' ? Style.activeScreenIndicator : null),
         {
              flexDirection: 'row', alignItems: 'center', justifyContent:'center', flex: 1
         }
       ]}>
         <IconFA style={{ left: 10, color: Colors.primary, flex: 1 }} name="igloo" size={RFPercentage(3)} />
          <Text style={[Style.drawerMenuItemText, {
               flex: 5,
            }]}>ANA SAYFA</Text>
            <ChevronRightIcon color={Colors.turquyzu} name="chevron-right" size={RFPercentage(4.5)} style={{ right: 10, position: 'absolute', flex: 1 }} />
       </View>
    </TouchableOpacity>
</View>

Стиль. js

drawerMenuItemText: {
    fontSize: RFPercentage(2.3),
    fontFamily: 'Electrolize-Regular',
    marginLeft: 15,
    color: Colors.primary,
},
activeScreenIndicator: {
    borderLeftColor: Colors.turquyzu,
    borderLeftWidth: 5,
    position:'absolute'
},