8. Простые примеры навигации на базе react-navigation недочитали?

Мне нужно выбрать между морем различных роутеров, а не туториалы по одному конкретному. Пока склоняюсь к React Navigation

Мне нужно выбрать между морем различных роутеров, а не туториалы по одному конкретному. Пока склоняюсь к React Navigation

правильно делаешь,им все и пользуются

Мне нужно выбрать между морем различных роутеров, а не туториалы по одному конкретному. Пока склоняюсь к React Navigation

если планируете еще и сайт, то я бы взял react-router https://reacttraining.com/react-router/native/guides/philosophy

правильно делаешь,им все и пользуются

Говорят он станет официальным роутером для Reat Native, когда достигнет определенной стабильности.

правильно делаешь,им все и пользуются

все да не все) у них нет web решения, не говоря про SSR поддержку)

а react-router умеет все перечисленое и работает везде

Говорят он станет официальным роутером для Reat Native, когда достигнет определенной стабильности.

это где так говорят?

это где так говорят?

https://medium.com/the-react-native-log/thousand-ways-to-navigate-in-react-native-f7a1e311a0e8

https://medium.com/the-react-native-log/thousand-ways-to-navigate-in-react-native-f7a1e311a0e8

уже больше года прошло с момента выхода статьи, с того времени react-navigation апнул мажорную версию и переписали наполовину точно

плюс не понятно что значит official. react-navigation изначально вообще базировался на NavigatorExperimental, который потом вообще выпилили и из RN репы и из react-navigation

плюс не понятно что значит official. react-navigation изначально вообще базировался на NavigatorExperimental, который потом вообще выпилили и из RN репы и из react-navigation

Official наверное значит, что ты откроешь facebook.github.io и там будет большими русскими буквами (шучу, не русскими) написано React Navigation или подобный раздел с описанием API

Сейчас я в документации не вижу подобного раздела

Official наверное значит, что ты откроешь facebook.github.io и там будет большими русскими буквами (шучу, не русскими) написано React Navigation или подобный раздел с описанием API

если честно то я сомневаюсь. Помню компонент Map задепрекейтели в пользу react-native-map от airbnb, даже в оф доке было про это. Сейчас вообще этого раздела нет

http://facebook.github.io/react-native/docs/navigation.html

ну почему, раздел есть, там всего пара навигаторов

http://facebook.github.io/react-native/docs/navigation.html

про NavigatorIOS бы еще выпилили, все равно им никто не пользуется))

Ребят подскажите что почитать по теме Push уведомлений на RN под обе платформы

все да не все) у них нет web решения, не говоря про SSR поддержку)

а анимации какие-то есть?

Подскажите, как использовать циклы (для обхода массива)? типа foreach интересует Нужно сделать вывод массива массивов, и нужен foreach вложенный в foreach Гугление не дало мне подсказки как это сделать. Заранее спасибо.

у RR

а анимации какие-то есть?

https://reacttraining.com/react-router/native/guides/animation любые по вашему желанию

Подскажите, как использовать циклы (для обхода массива)? типа foreach интересует Нужно сделать вывод массива массивов, и нужен foreach вложенный в foreach Гугление не дало мне подсказки как это сделать. Заранее спасибо.

знакомы с lodash ?

знакомы с lodash ?

пока нет

Подскажите, как использовать циклы (для обхода массива)? типа foreach интересует Нужно сделать вывод массива массивов, и нужен foreach вложенный в foreach Гугление не дало мне подсказки как это сделать. Заранее спасибо.

это же просто программирование

Подскажите, как использовать циклы (для обхода массива)? типа foreach интересует Нужно сделать вывод массива массивов, и нужен foreach вложенный в foreach Гугление не дало мне подсказки как это сделать. Заранее спасибо.

такое лучше в каком нибудь @js_ru

это же просто программирование

ну вот есть у меня render() { return (..... как там сделать цикл?

РН тут не при чем Как то так ArrayOfArrays.forEach(array => { array.forEach(item => { //some code }) })

https://reactjs.org/docs/introducing-jsx.html

В фигурные скобки обернуть

спасибо всем ответившим, буду разбираться

Что выбрать react-native-cli или create-react-native-app?

cli

Может кто подскажет

Есть редукс

В ней парсится json

И пропсам отдается компоненту

крепитесь

Как очистить массив уже спарсеного?

Пытался передать пустой массив

Не помогло

cli

почему?

https://stackoverflow.com/questions/50568089/cant-reset-variable-in-redux-store

Вот расписана проблема

Как можно стор очистить?

Что я не так делаю? <View> {array.forEach(element => { return ( <Text>{element.id}</Text> ) })} </View> не выводится ничего

Что я не так делаю? <View> {array.forEach(element => { return ( <Text>{element.id}</Text> ) })} </View> не выводится ничего

map

Форич ничего не возвращает

Что я не так делаю? <View> {array.forEach(element => { return ( <Text>{element.id}</Text> ) })} </View> не выводится ничего

forEach => map

forEach => map

можно ссылку на пример? или бегло дописать мой пример?! Заранее спасибо

forEach замени на map

И всё

ага, просто замени

Советую вам на досуге почитать JS Но сейчас будет достаточно заменить на mao

Про store тоже узнал бы, пока просто сношу приложение

Хорошо бы иметь какой-нибудь такой метод, чтобы из любого состояия получить дамп или снести все нафиг

forEach замени на map

отлично, спасибо большое, завелось

И кто как решает тему с обновлениями?

Ну то есть пришло обновление из App Store, что делать если струкутра другая и данные терять не охота>

Ну то есть пришло обновление из App Store, что делать если струкутра другая и данные терять не охота>

миграции, если я правильно понял

Всем привет. Кто нибудь использовал react вместе с django?

Всем привет. Кто нибудь использовал react вместе с django?

Рендеринг на сервере или рест?

Рендеринг на сервере или рест?

Первое. Шаблоны джанги уже не спправляются и плодится очень много кода. Смотрим в сторону внедрения фрэйма. Выбираем между реакт и виью

Всем привет! Реализую функцию изменения высоты хедера при скроле. В момент скролинга хедер должен уменьшиться и контект в нем измениться. Косяк в том, что при скроле, не меняется позиция флетлиста. Видео скину ниже

<View style={styles.container}> <Header style={{ // position: 'absolute', overflow: 'hidden', top: 0, left: 0, right: 0, height: HEADER_MAX_HEIGHT, opacity: headerOpacity, transform: [{translateY: headerTranslate}], }} /> <AnimatedFlatlist scrollEventThrottle={1} onScroll={Animated.event ( [{nativeEvent: {contentOffset: {y: this.state.scrollY}}}], {useNativeDriver: true} )} /> </View>

Может кто делал такое. Подскажи) кручусь около стиля position: absolute. С этим параметром все отлично становится, но взаимодействовать с хедером не могу(флетлист типо перекрывает хедер и на нажатие не реагирует)

доводилось кому делать Splash screen с прогрес баром?

ох блин

Слава богу, нет

Не уверен, что такое можно реализовать

Не вижу вообще никакой проблемы в этом

Всем привет! Реализую функцию изменения высоты хедера при скроле. В момент скролинга хедер должен уменьшиться и контект в нем измениться. Косяк в том, что при скроле, не меняется позиция флетлиста. Видео скину ниже

Привет. Сейчас к сожалению нет времени вникать в ваш код, но могу скинуть то что я делал https://github.com/Sprit3Dan/react-native-supercharged/blob/example-app/Example/src/Home.tsx

<View style={styles.container}> <Header style={{ // position: 'absolute', overflow: 'hidden', top: 0, left: 0, right: 0, height: HEADER_MAX_HEIGHT, opacity: headerOpacity, transform: [{translateY: headerTranslate}], }} /> <AnimatedFlatlist scrollEventThrottle={1} onScroll={Animated.event ( [{nativeEvent: {contentOffset: {y: this.state.scrollY}}}], {useNativeDriver: true} )} /> </View>

а, прочитал, хэдер надо после флатлиста поставить, чтобы в иерархии ниже был

а, прочитал, хэдер надо после флатлиста поставить, чтобы в иерархии ниже был

Спасибо! Ставлю и у меня он вообще пропадает. Видимо в самое дно улетает

Спасибо! Ставлю и у меня он вообще пропадает. Видимо в самое дно улетает

так он же absolute, он не будет "улетать"

<View style={styles.container}> <Header style={{ // position: 'absolute', overflow: 'hidden', top: 0, left: 0, right: 0, height: HEADER_MAX_HEIGHT, opacity: headerOpacity, transform: [{translateY: headerTranslate}], }} /> <AnimatedFlatlist scrollEventThrottle={1} onScroll={Animated.event ( [{nativeEvent: {contentOffset: {y: this.state.scrollY}}}], {useNativeDriver: true} )} /> </View>

ну кстати здесь absolute закоменчено

ну кстати здесь absolute закоменчено

я раскомментил.

я раскомментил.

а родительская View с position: relative?

а родительская View с position: relative?

уже да) ничего это не дало

Привет. Сейчас к сожалению нет времени вникать в ваш код, но могу скинуть то что я делал https://github.com/Sprit3Dan/react-native-supercharged/blob/example-app/Example/src/Home.tsx

Посмотрите тогда здесь, тут точно работает, я Large Header делал

Посмотрите тогда здесь, тут точно работает, я Large Header делал

Хорошо) спасибо ?

Я конечно не шарю в данном вопросе

Но почему не увести хеадер за экран?

Или не уменьшать его до 0

Так в нативе делал с вьюшками

Правда не слишком камильфо

Но почему не увести хеадер за экран?

По сути я это и делаю. Но позиция флетлиста жесткая. Если я хедер делаю абсолютным и тогда влетлист вылезает вперед. По хедеру вожу пальцем, а скролится флетлист Хедер вставляю под флетлист и он пропадает

а корень всего этого в том, что при скроле я использую useNativeDriver: true. С ним нельзя менять высоту компонентов(только двигать их) Без useNativeDriver, анимация тормозит. Но зато все работает)

вроде выглядит норм, смущает только headerTranslate, может он отрицательный и уводит хэдер

По сути я это и делаю. Но позиция флетлиста жесткая. Если я хедер делаю абсолютным и тогда влетлист вылезает вперед. По хедеру вожу пальцем, а скролится флетлист Хедер вставляю под флетлист и он пропадает

так а может хэдер не перехватывает события у флат листа (и я вообще не уверен что это можно)

Если совсем не получается, сделайте обычную анимацию пропадания при скроле

Т.е. не четко завязанную на движении флет листа