2017-01-28 6 views
0

Я только что создал стартовый проект Ignite. Я частично знаком с технологией, используемой в этом отличном шаблоном кода, но некоторые аспекты для меня совершенно новые. В проекте находится ListView, на который нажимается кнопка. Когда-то внутри ListView я хочу иметь возможность щелкнуть элемент и нажать на контейнер, который я создал. Я не могу заставить это работать.В React Native (и Ignite), как мне создать ListView (внутри вкладки), который перемещается в другой контейнер при щелчке элемента списка?

Я не изменил проект v1.13.0 Ignite любым другим способом, чем с этой целью. Таким образом, навигация обеспечивается «реактивным-роутером-потоком». В частности у меня есть:

  • Заняв ListviewExample сцену в NavigationRouter.js и инкапсулированные мой сгенерированный контейнер в нем, как так:

<Scene hideNavBar={false} key='listviewExample' component={ListviewExample} title='Listview Example'> <Scene key='testContainer' component={TestContainer} title='testContainer' /> </Scene>

  • Импортные действия от среагировать нативным-маршрутизатор -flux: import { Actions } from 'react-native-router-flux'
  • Добавлен следующий элемент текста в ListviewExample: onPress={() => Actions.testContainer()}

Когда я нажимаю на элемент «Текст» в своем ListView, точно ничего не происходит. Например, если я посмотрю на blog post about this Спенсера Карли, я не вижу ничего другого, кроме того, что я делаю. Также в демо-версии «реакция-родной маршрутизатор-поток».

Что мне здесь не хватает?

Заметьте, кстати, что я написал (внутри вкладки) в названии, потому что мой фактический проект на основе Ignite, над которым я работаю, имеет ListView внутри вкладки. Но поскольку у меня такая же проблема за пределами представления табуляции, когда я пытаюсь использовать более простой проект Ignite, который я использую здесь для тестирования, я думаю, что проблема - это что-то еще.

ответ

0

По-видимому, моя установка была отличной от одной детали. Как вы можете видеть выше, я включил свой testContainer в тег listViewExample. На самом деле, поставив его на том же уровне, что и тег listViewExample, в точности было показано поведение, которое я искал. So: <Scene key='listviewExample' navigationBarStyle={Styles.navBar} component={ListviewExample} title='Listview Example' /> <Scene key='testContainer' component={TestContainer} title='testContainer' />

Проблема решена.