John
По типу как аудио плеер телеграмма
Кирилл
Подскажите как расположить элемент поверх всех Screen из react-navigation?
Ну если как в телеге, то это просто анимированная вьюха. Можешь сам такую написать, либо вот например: https://github.com/react-native-community/react-native-modal
если лень) Или если ты хочешь ее отдельным скрином сделать то можно отдельный StackNavigator сделать с одним скрином и сделать mode: 'modal'
https://reactnavigation.org/docs/navigators/stack#StackNavigatorConfig
John
Спасибо. Буду пробовать.
Кирилл
ну и в оф. доке тоже есть модалка https://facebook.github.io/react-native/docs/modal.html
Евгений
событие не отрабатывает в FlatList
Oleg
Ребята, кто то делал приложения только для iMessage на RN?
/cc @savelichalex
Oleg
Ребята, кто то делал приложения только для iMessage на RN?
/cc @savelichalex
На сколько я понял там обычный класс вьюхи используется. Интересно, можно ли там использовать RN. Хотя похоже что будет сильный оверхед на старте. А так как такие приложения стартуют и прибиваются часто, это может быть проблемой.
Oleg
Aleksei
На сколько я понял там обычный класс вьюхи используется. Интересно, можно ли там использовать RN. Хотя похоже что будет сильный оверхед на старте. А так как такие приложения стартуют и прибиваются часто, это может быть проблемой.
не делал, но например видел как для виджетов используют RN
Andrey🏔
@Si1ento возвращай для renderRow отдельный компонент, сделай к примеру <ListItem /> в него передавай нужные тебе данные, а в нем уже делай нужную тебе логику
Евгений
@Si1ento возвращай для renderRow отдельный компонент, сделай к примеру <ListItem /> в него передавай нужные тебе данные, а в нем уже делай нужную тебе логику
я решил проблему посредством замыкания в самом методе renderRow, перенес туда метод и он стал его видеть
Евгений
или плохая идея?
Andrey🏔
@Si1ento https://jsfiddle.net/emezstoc/ примерно вот так
Andrey🏔
а то что замыканием сделал не могу сказать плохо или нет не видел кода)
Евгений
https://jsfiddle.net/phcmh99m/
Евгений
код очень понятный и чистый получился, давно на рн пишешь?
Евгений
твой вариант мне нравится больше
Andrey🏔
полгода где-то, до этого obj-c и swift
Евгений
подскажи как в android studio поддержку jsx сделал?или каким образом ты кодишь?
Andrey🏔
Ммм, в андроид студио ?
Евгений
ну я так понимаю, кодить нужно именно в ней, другие редакторы почему то доступа к avd не имеют
Евгений
пытался genymotion использовать
Евгений
он во время сборки крашится, мол не может установить
Andrey🏔
А зачем тебе доступ в авд постоянно иметь?
Евгений
а в студии он не знает jsx, приходится все руками приводить в порядок
Евгений
ну а как я буду запускать приложение и смотреть за изменениями на устройстве самом?
Andrey🏔
В твоём случае запустил авд закрыл студию и пишешь в любом редакторе
Евгений
а что так можно было? =_=
Евгений
думал авд напрямую зависит от студии
Andrey🏔
Нет
Евгений
очень помог, спасибо тебе
Andrey🏔
Да нз:)
Евгений
я догадывался что так было бы удобнее, но время тратить на проверки не стал, тестовое скоро сдавать и на подобные эксперименты времени не хватит
Mikhail
подскажи как в android studio поддержку jsx сделал?или каким образом ты кодишь?
попробуй добавить в корне проекта файл rn-cli.config.js c:
module.exports = {
getSourceExts: () => [ 'jsx' ],
};
Евгений
хорошо, попробую, спасибо большое
Andrey🏔
ребят посоветуйте статьи о GraphQL можно и на англ.
marat
menti.com по коду 12 68 33
marat
John
Ну если как в телеге, то это просто анимированная вьюха. Можешь сам такую написать, либо вот например: https://github.com/react-native-community/react-native-modal
если лень) Или если ты хочешь ее отдельным скрином сделать то можно отдельный StackNavigator сделать с одним скрином и сделать mode: 'modal'
https://reactnavigation.org/docs/navigators/stack#StackNavigatorConfig
Все таки оказалось не то что нужно (или я не допер до конца)
Хочу прикрутить аудио проигрыватель чтобы при воспроизведении он стоял внизу экрана не зависимо от того на какой странице юзер.
John
Как быть?
Alexander
Как быть?
смотря что для навигации юзаешь, но в целом просто вьюху на самый верхний уровень добавить и все (управление через redux... )
John
Alexander
там где главный навигатор, там и вьюху добавь с плеером
John
Буду пробовать. Спасибо.
Quiet
Подскажите плз, как кастомную иконку заюзать в таббаре навигации. Там размер больше 19px не ставится. Будто у бара окошки и zIndex 100500.
Aibar
насолько я знаю, по личному опыту, так как тоже пытался кнопки больше сделать, они не будут больше становиться, из соображений нативного UI
Aibar
или попробуй саму панель навигации увеличить
Alexander
Подскажите плз, как кастомную иконку заюзать в таббаре навигации. Там размер больше 19px не ставится. Будто у бара окошки и zIndex 100500.
напиши свой компонент для TabNavigator
Alexander
Alexander
const Tabs = TabNavigator({
....
},{
tabBarPosition: 'bottom',
tabBarComponent: BottomNavigationComponent,
});
Quiet
Евгений
я сейчас тоже над навигатором пыхчу
Евгений
только у меня не таб, а стек
Евгений
в идеале, каждый отдельный элемент должен быть компонентом, это реактовский подход
Евгений
вот только действительно не всегда так удобно
Евгений
я например не представляю как в FlatList прокинуть пропсы нужные мне
Quiet
только у меня не таб, а стек
таб тоже нужен
Стек ведь для кнопок "Done" "Edit", для возврата к предыдущему скрину etc.
Евгений
он не видит навигатор
Евгений
ну я не спорю, просто к тому, что это все равно нужно делать компонентом
Евгений
простые компоненты лучше делать функциональщиной
Евгений
а более тяжелые и огромные - уже через es6 синтаксис
Quiet
Говорили, что есть еще какой-то аналог rnnavigator'а
Евгений
есть разные навигаторы
Quiet
мб у них нормально можно размер установить?
Oleg
та ладно вам, у навигтора конечно хватает проблем, но таб навигатор явно не из них
Oleg
как только нужно что то кастомизировать вы все равно пишите свой компонент даже если это нативная разрабтка
Alexander
юзать реакт и стараться избегать написание своих компонентов... мда)
Евгений
Весь день бьюсь, есть идеи как это сделать? https://ru.stackoverflow.com/questions/756380/%D0%9F%D1%80%D0%BE%D0%B1%D1%80%D0%BE%D1%81%D0%B8%D1%82%D1%8C-%D0%BD%D0%B0%D0%B2%D0%B8%D0%B3%D0%B0%D1%82%D0%BE%D1%80-%D0%B2-%D0%BF%D1%80%D0%BE%D0%BF%D1%81%D1%8B
Oleg
а что именно хочешь сделать ?
Евгений
по нажатию на итем переходить на другую активити
Евгений
ну, сцену
Евгений
отображать более детальную информацию
Oleg
я делаю так
Oleg
export const openTask = task => dispatch => dispatch(NavigationActions.navigate(
{
routeName: task.type === 'image' ? 'TaskScene' : 'TaskTestScene',
params: {task}
}
))
Oleg
можно конечно сделать чуть красивее но суть та же
Oleg
для mvp с красотой не стал замарачиваться
Евгений
https://reactnavigation.org/docs/navigators/navigation-prop вот этот использую
Евгений
пардон https://reactnavigation.org/docs/intro/quick-start