Коллеги, помогите, что-то я совсем заплутал... Есть вот такой экран в

Question

React Native — русскоговорящее сообщество

Коллеги, помогите, что-то я совсем заплутал... Есть вот такой экран в

навигатор:
<Stack.Screen name="Home" options={{ title: 'Home' }} component={HomeScreen} options={{ headerTitle: props => <CustomBar {...props}/> }} />

И есть CustomBar, на котором есть кнопка назад. Собственно, задача для начала полностью взять контроль над отображением, потом туда надо вторую кнопку поставить. Нарисовать я там могу что угодно, вопрос - как передать туда navigation? Что-то примеры из гугла меня не спасли, все равно не работает

#mobile #programming #reactnative #russian

0

31.01.2021

14 ответов

4 просмотра

Pav Huk

options = {({ navigation })

0

31.01.2021

Artem Shubin 🇷🇺 Автор вопроса

Danila Simonov
разве в headerTitle: props => … в этих props не л...

может и лежит, но тогда я хз, как его вытащить. function CustomBar(??????) { return ( <View style={{ height: 50,flexDirection: 'row', width: '100%', flex: 1}}> <Button transparent onPress={() => ??????navigation.navigate('About')}> <Icon active name="md-arrow-back" style={{color: 'black'}} /> </Button> </View> ) } ☹️

0

31.01.2021

Artem Shubin 🇷🇺 Автор вопроса

Pav Huk
options = {({ navigation })

ну, к сожалению, ваш ответ для меня еще менее понятен. Буду признателен за чуть более развернутый, ибо я пока совсем новичок. Синтаксис-то черт ногу сломит, для меня реакт еще темный лес, а приходится сразу в натив лезть

0

31.01.2021

Pav Huk

Artem Shubin 🇷🇺
ну, к сожалению, ваш ответ для меня еще менее поня...

options принимает либо обьект, либо функцию с навигацией и тд, которая возвращает обьект с настройками

0

31.01.2021

Pav Huk

Artem Shubin 🇷🇺
ну, к сожалению, ваш ответ для меня еще менее поня...

пример

0

31.01.2021

Янис Kondakov

Artem Shubin 🇷🇺
может и лежит, но тогда я хз, как его вытащить. f...

там есть хук для функциональных компонентов, если я правильно вас понял https://reactnavigation.org//docs/use-navigation

0

31.01.2021

Artem Shubin 🇷🇺 Автор вопроса

Pav Huk

пример

<Stack.Screen name="Home" options={{ title: 'Home' }} component={HomeScreen} options={({navigation, route}) =>({ headerTitle: (props) => <CustomBar navigation={navigation} /> })} /> Во! Вот так работает! Искренне благодарю!

0

31.01.2021

Artem Shubin 🇷🇺 Автор вопроса

Янис Kondakov
там есть хук для функциональных компонентов, если ...

А вот это я буду настойчиво и вдумчиво читать. Благодарю тоже!

0

31.01.2021

Vadim Smelyanskiy

Artem Shubin 🇷🇺
ну, к сожалению, ваш ответ для меня еще менее поня...

Спешу утешить, чтобы знать React Native, весь React (подразумевая вебовую экосистему) знать не нужно 😉 Несколько тем, которые отличаются между React'ом и React Native 1. Система стилей (т.к. в вебе основа - CSS, а в нативе свой StyleSheet) 2. Навигация (и как она с HTML5 location API связана) 3. Набор примитивов (div/input/... против View и нативных элементов) 4. Жизненный цикл приложения (в вебе много страниц, которые в неопределённое время закрываются, а в мобайле строгий lifecycle)

0

31.01.2021

Stanislav Tikhonov

Vadim Smelyanskiy
Спешу утешить, чтобы знать React Native, весь Reac...

0. Плохой совет, прежде чем писать на РН, нужно изучить реакт, его концепцию, доку, апи, иначе так далеко дело не пойдет 4. А ну-ка, можно подробнее , что за строгий жизн. цикл такой И как он отличается в реакте/РН

0

01.02.2021

Vadim Smelyanskiy

Stanislav Tikhonov
0. Плохой совет, прежде чем писать на РН, нужно из...

4. https://stackoverflow.com/questions/28969032/what-the-equivalent-of-activity-life-cycle-in-ios https://reactnative.dev/docs/appstate

0

01.02.2021

Vadim Smelyanskiy

Stanislav Tikhonov
0. Плохой совет, прежде чем писать на РН, нужно из...

Самый обычный, мобильный lifecycle, на двух платформах при том разный. И да, прошу перечитать исходное сообщение. Если вы правда считаете, что знание HTML5 Location API и иже с ним вам сильно помогает в React Native, СРОЧНО нужно идти разбираться с нативным мобайлом

0

01.02.2021

Stanislav Tikhonov

Vadim Smelyanskiy
4. https://stackoverflow.com/questions/28969032/w...

Ага, понял, спасибо

0

01.02.2021

Danila Simonov · Accepted Answer

Danila Simonov

разве в headerTitle: props => … в этих props не лежит navigation?

0

31.01.2021

169 похожих чатов

Коллеги, помогите, что-то я совсем заплутал... Есть вот такой экран в

14 ответов

Похожие вопросы