Управлять состоянием стэка навигации в React Native Navigation?

Есть седующая структура страниц в приложении, с главного экрана переходим на промежуточные экраны. Справа показано как хочется что бы себя вело приложение при нажатии кнопки назад на android.

введите сюда описание изображения Как этого можно добиться? Пробовал найти методы сброса стека, видимо я чего то не понял.

Вот таким образом у меня опысаны страницы:

Home:

const Home = ({navigation}) => {
  return (
    <View>
        <TouchableOpacity
        onPress={() => navigation.navigate('SelectType')}>
            <Text>Go to types</Text>
        </TouchableOpacity>
    </View>
  );
};

SelectType:

const SelectType = ({navigation}) => {
  return (
    <View>
        <TouchableOpacity
        onPress={() => navigation.navigate('CreateChat')}>
            <Text>Go to create chat</Text>
        </TouchableOpacity>
    </View>
  );
};

CreateChat:

const CreateChat = ({navigation}) => {
  return (
    <View>
        <TouchableOpacity
        onPress={() => navigation.navigate('ChatRoom')}>
            <Text>Go to chat room</Text>
        </TouchableOpacity>
    </View>
  );
};

CreateChat:

const ChatRoom = ({navigation}) => {
  return (
    <View>
        <Text>Go to chat room</Text>
    </View>
  );
};

Ответы (0 шт):