компоненту при клике onPress?
Тебе нужно хендлить клик по табу или передавать параметр в скрин?
Мне нужно передать параметр в скрин допустим переменную <Home add={"test"}/> типо так
Как ёе передать есть наброски такие но дальше не пойму options={{tabBarButton: props => ( <TouchableOpacity {...props} onPress={} />
Якщо это в тебе именно окремий кожи, то краще через навигацию этой роби: navigation.navigate('HOME', {add: тест}) const HOME = ({route}) => {.... route.params.add}//тест
Еще вариант initialParams={{add:true}} но он только раз работает при клике
Че то ругается на TypeError: undefined is not an object (evaluating 'navigation.navigate') tabBarButton
вы бы лучше задачу сформулировали, а не тот вариант решения, который пытаетесь реализовать. Потому что пока это выглядит как попытка сделать что-то поперек документации
Ну вообще из табнавигаторе можно при клике в компонент передавать значение каждый раз?
Передал navigation в функцию с таб навигатором пишет такое Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
какое значение у вас в таб навигаторе, почему оно там а не, к примеру, в контексте, и зачем его из табнавигатора передавать в компонент экрана?
значит часто перерендеривается экран (и каждый рендер приводит к новому)
В меня в компоненте HOME модальное окно, я хотел при клике в там навигаторе его открывать от и думаю как реализовать
модальное окно от react-navigation или просто modal из rn ?
Modal плагин просто
подписку на событие onTabPressed (или как-то так, посмотрите в доке) сделайте просто в самом компоненте экрана и обрабатывайте там, открывайте всё что вам нужно
Типо не в таб навигаторе а на самом екране уже?
ну вам же на экране надо ) модалка же у вас там
В useEffect получается?
да. вот пример можно и в навигаторе, если надо
А как мне именно к конкретной кнопке привязать? это же для общего компонента будет назначено?
payload в событии посмотрите, там есть набор данных, которого должно хватить для этого
payload вы имеете ввиду это ? console.log(e)? useEffect(() => { const unsubscribe = navigation.addListener('tabPress', (e) => { // Prevent default behavior e.preventDefault(); console.log(e) })},[])
Работает, но все же не понятно как отправить данные на открытия окна listeners={{ tabPress: (e) => { // Prevent default action e.preventDefault(); return <HOME add={"eterteetete"}/> }, }}
Подписку делаете на экране, а не в навигаторе. Если в e ваша кнопка - на этом же экране меняете состояние, от которого зависит рендерится ваша модалка или нет.
А если в меня там 2 кнопки получается первая открыть модалку а вторая просто окно этой страницы по событые вызывается на обеих кнопках как отключить одно ?
И + оно только срабатывает при втором клике. Может переменную закинуть в редакс и там уже одтуда брать состояние как вариант?
Обсуждают сегодня