React Navigation бесконечный стек / динамический стек

Question

Я хотел бы реализовать бесконечный стек с реагирующей навигацией, а это значит, что мне нужен динамический стекавигатор, в котором я могу выдвигать неограниченное количество экранов (максимум 20 экранов будет достаточно).Вы можете представить себе это, как в приложении amazon, где вы можете нажать на соответствующий продукт в деталях продукта, и он показывает вам другой экран сведений о продукте, где вы можете сделать то же самое.

Есть ли у кого-нибудь из вас идеякак это сделать ?

Answer 1

Это можно сделать с помощью react-navigation

Вместо использования this.props.navigation.navigate('ScreenName') вы можете использовать this.props.navigation.push('ScreenName')

Возможно, вы захотите передать какое-то описание на экран, чтобыон знает, что для рендеринга вы можете сделать это, передавая параметры

this.props.navigation.push('ScreenName', { key: productId })

Вам просто нужно настроить несколько экранов шаблонов, которые затем будут заполняться параметрами, которые вы передаетеих.

Вы можете узнать больше о различных функциях реагирования-навигации здесь https://reactnavigation.org/docs/en/navigation-prop.html#navigator-dependent-functions

Вот закуска, показывающая, как она работает https://snack.expo.io/@andypandy/infinite-navigation

В закуске, которую я передаюположение и дату, вы можете увидеть это обновление, когда каждый экран помещается в стек.Нажатие Go Back возвращает одно место в стеке.