@reactnative_ru
Konstantin21.05.2018
13:39:50
13:39:50
попробуйте выключить дебаг
он по умолчанию же выключен!?
я когда то давно включал посмотреть, потом отключил...
и на этом белом экране не срабатывает меню CTRL+M
Yurii21.05.2018
13:40:39
13:40:39
а может бандлер что-то говорит?
Konstantin21.05.2018
13:40:52
13:40:52
а может ну его этот react-native-navigation и пользоваться react-navigation?
GoogleYurii21.05.2018
13:41:33
13:41:33
консоль которая запускается при react-native run-android
Konstantin21.05.2018
13:42:42
13:42:42
консоль которая запускается при react-native run-android
имеется ввиду вывод в консоль?
я запускаю в консоле react-native run-android, и там есть некоторый вывод, но ничего необычного, были б ошибки пошел бы гуглитьну а так вообще, для простенького проекта, достаточно будет react-navigation?
нужно переключение скринов, и sidebar
или лучше все же react-native-navigation ?
Иван21.05.2018
14:24:51
14:24:51
ну а так вообще, для простенького проекта, достаточно будет react-navigation?
нужно переключение скринов, и sidebar
или лучше все же react-native-navigation ?
я использую react-navigation и очень доволен, чего и вам советуюKonstantin21.05.2018
14:25:45
14:25:45
я использую react-navigation и очень доволен, чего и вам советую
спасибо
я как раз начал его смотреть.Иван21.05.2018
14:26:21
14:26:21
спасибо
я как раз начал его смотреть.
мощная и удобная штука, особенно 1.5 и 2.0 версии, не сравнить с альфа версией, многое сделали из коробкиKonstantin21.05.2018
14:26:50
14:26:50
с пол пинка пример не завелся тока ))
https://reactnavigation.org/docs/en/hello-react-navigation.html
в эмуляторе выкинул 500ую ошибку
Иван21.05.2018
14:28:26
14:28:26
Konstantin21.05.2018
14:29:27
14:29:27
ну то есть я сделал
- react-native init AwesomeProject
все ctrl+c из примера и ctrl+v в App.js
- react-native run-android
и 500ая ошибка на красном экране
может проблема в машине на которой это все пытаюсь делать...
Иван21.05.2018
14:29:52
14:29:52
так сам пакет то добавили?
yarn add react-navigation
либо npm install —save react-navigation
Google
Play21.05.2018
14:30:35
14:30:35
Что может быть?
создаю проект react-native init AwesomeProject
запускаю react-native run-android - работает
добавляю по инструкции react-native-navigation
запускаю - только белый экран
просто до этого начал делать проект, с этим react-native-navigation и все получалось, работало, в какой то момент - только белый экран и все...
вот и решил попробовать с нуля создать новый проект, и опять только белый экран и все...
Система: ubuntu
npm -v : 4.6.1
node -v : v8.11.2
чтобы был не просто белый экран, нужно добавить файлы с конфигурацией
простой пример:
https://github.com/react-native-village/SimpleDrawerKonstantin21.05.2018
14:32:17
14:32:17
чтобы был не просто белый экран, нужно добавить файлы с конфигурацией
простой пример:
https://github.com/react-native-village/SimpleDrawer
я так понимаю что белый экран - следствие какой то ошибки, раз даже ctrl+M не срабатывало?!Иван21.05.2018
14:33:48
14:33:48
чесно не помню, сейчас попробую сделать и перезапустить
ну если у вас на столько мало знаний, действуйте по шагам из документации, чаще собирайте и тестируйте, по другому знания не придут, не бывает волшебной пилюли, чтобы раз и работалоAlexander21.05.2018
14:35:13
14:35:13
я вообще про react-native-navigation не слышал. там что-то достойное?
Konstantin21.05.2018
14:35:37
14:35:37
ну если у вас на столько мало знаний, действуйте по шагам из документации, чаще собирайте и тестируйте, по другому знания не придут, не бывает волшебной пилюли, чтобы раз и работало
я не спорю что у меня по данной теме знаний мало.
я как раз и пытаюсь пока по примерам проходиться.
столкнулся с проблемой react-native-navigation
решил попробовать react-navigation и возможно из за суеты не поставил пакетя вообще про react-native-navigation не слышал. там что-то достойное?
я смотрел видео курс по react native от udemy, там лектор сказал что ему больше нравится именно native navigation, поэтому я первым и стал его пробоватьИван21.05.2018
14:37:48
14:37:48
я смотрел видео курс по react native от udemy, там лектор сказал что ему больше нравится именно native navigation, поэтому я первым и стал его пробовать
ну вы же понимаете, каждый работает с тем что удобно, мне react navigation очень подходит я на другие и не смотрелKonstantin21.05.2018
14:38:22
14:38:22
ну вы же понимаете, каждый работает с тем что удобно, мне react navigation очень подходит я на другие и не смотрел
да, конечно...
но когда совсем новичок, доверяешся чужому выбору...курс назывался "UDEMY - React Native - The Practical Guide"
Иван21.05.2018
14:39:21
14:39:21
да, конечно...
но когда совсем новичок, доверяешся чужому выбору...
ну вот, делаем два проекта, ставим в них разные навигаторы, делам экран с текстом рыбой и пытаемся создать навигацию, смотрем где проще и понятнееKonstantin21.05.2018
14:40:17
14:40:17
ну вот, делаем два проекта, ставим в них разные навигаторы, делам экран с текстом рыбой и пытаемся создать навигацию, смотрем где проще и понятнее
ну вот я волею судеб и пришел к тому что нужно попробовать другое решение))оказывается что да, добавил
но в ошибке сказано что не может найти
нужно сделать как там предлогается? удалить папку node_modules?
Иван21.05.2018
15:00:53
15:00:53
Konstantin21.05.2018
15:05:33
15:05:33
Konstantin21.05.2018
15:08:54
15:08:54
Позже попробую дома
На другой машине
Алексей21.05.2018
15:09:06
15:09:06
Zamir21.05.2018
15:45:46
15:45:46
привет, хочу попробовать написать приложение на react-native, подскажите, возможно ли написать приложение так что бы на андроиде был материал дизайн, а на ios соответсвенно свои стайл гайды? счас пока читаю доки и ничего не увидел, подумал может все под одну гребенку
Google
Demuz21.05.2018
15:56:04
15:56:04
привет, хочу попробовать написать приложение на react-native, подскажите, возможно ли написать приложение так что бы на андроиде был материал дизайн, а на ios соответсвенно свои стайл гайды? счас пока читаю доки и ничего не увидел, подумал может все под одну гребенку
Здарова. Конечно возможно. Там при прописании стилей просто проверяется платформа. Если иос, то стиль такой-то, если андроид - такой-то. Гайдов правда не видел. Лучше стили изучите, а классифицировать дизайн приложения под разную платформу так и так сможете.Zamir21.05.2018
15:56:54
15:56:54
Demuz21.05.2018
15:59:51
15:59:51
Там везде, грубо говоря, что то вроде этого будет: Platform.OS === "ios", то вернуть компонент такой-то, а если нет, то...
Это почти ко всему применимо, не только к стилям, но и к возврату различных компонентов, рендерингу и тому подобное.
Zamir21.05.2018
16:04:09
16:04:09
DenisZamir21.05.2018
16:05:22
16:05:22
тоже, верно, люди пытаются сдеалт кроссплатформенный продукт, а я их назад тяну ))
Demuz21.05.2018
16:05:49
16:05:49
оу, а проще варанта, нету, да?
А как проще сделать? Здесь по-моему как никуда проще. Как вы софту скажете что делать, если это другая платформа?Zamir21.05.2018
16:06:32
16:06:32
А как проще сделать? Здесь по-моему как никуда проще. Как вы софту скажете что делать, если это другая платформа?
ну имею ввиду везде пихать
if
их может быть много на странице
Vladimir21.05.2018
16:06:34
16:06:34
оу, а проще варанта, нету, да?
https://facebook.github.io/react-native/docs/platform-specific-code.html#platform-specific-extensionsDemuz21.05.2018
16:06:35
16:06:35
Автоконверторов стилей и прочего нет. Есть только куча готовых заготовок, но вы же должны сказать софту что и куда поставить, в зависимости от платформы.
ну имею ввиду везде пихать
if
их может быть много на странице
Можно при запуске проинициализировать платформу и оттуда плясать.Vladimir21.05.2018
16:07:19
16:07:19
вы делаете для одного компонента разные файлы, которые автоматом подтягиваются
а для простых случаев - Platform.select
Zamir21.05.2018
16:08:53
16:08:53
все ок, всем спасибо??
Arkady21.05.2018
16:32:19
16:32:19
все ок, всем спасибо??
Можно также создать два файла стилей
styles.ios.js
styles.android.js
И импортировать просто styles.js
По моему, это должно работать
morda21.05.2018
17:56:49
17:56:49
Гораздо проще будет два отдельных юая наваять чем продираться сквозь дебри ветвлений поплатформенных
Nick21.05.2018
18:15:46
18:15:46
вариант не рендерить сразу 20 svg не рассматривался?
пока нет
проблема оказалась в том, что были слишком большие по-размеру свгшкиWthigo21.05.2018
20:12:11
20:12:11
У кого нибудь была бага с секшен листом? Если используешь ListHeaderComponent то появляется только первые три айтема а затем рендерятся все остальные. Думал список большой и селектор часто тригерится, мемоизировал селектор та же иша. Гугл ответа не даёт (react native 0.55)
Без хедера все работает как часы
Arsenii21.05.2018
20:19:50
20:19:50
может поможет initialNumToRender ?
Papuc21.05.2018
20:46:54
20:46:54
привет всем
GoogleRostyk21.05.2018
20:48:48
20:48:48
Hi guys,how can i retrieve currentUser.location and order my posts by it
export const eventsFetch = () => {
const { currentUser } = firebase.auth();
return (dispatch) => {
firebase.database().ref(/events).orderByChild("/location").equalTo(location)
.on('value', snapshot => {
dispatch({ type: EVENTS_FETCH_SUCCESS, payload: snapshot.val() });
});
};
};
users/currentUser/userInfo
Может кто помочь?
Papuc21.05.2018
20:49:53
20:49:53
готовый код
Papuc21.05.2018
20:50:45
20:50:45
этот код находит твою локацыю, этого ты искал ?
Nikita21.05.2018
20:59:20
20:59:20
Всем привет, кто-нибудь использовал drawer из react-native-navigation на ios?
Артём21.05.2018
21:11:32
21:11:32
Всем привет, кто-нибудь использовал drawer из react-native-navigation на ios?
Лучше этого не делать, это не нативный элемент для ios, может вызвать негативный пользовательский опыт.Есть дровер для ios, но он реализуется скриптом, нативно только для андройд
Nikita21.05.2018
21:25:51
21:25:51
Я не совсем понял, что ты подразумеваешь под негативным пользовательским опытом. В slack, twitter или discord есть боковое меню, как я понимаю, его можно реализовать через drawer в react-native-navigation.
Артём21.05.2018
21:28:33
21:28:33
Я имею ввиду что это не по гайдам. Нет такого элемента в ios вообще
Но есть его имплементации собранная из вьюшек и управляемая скриптом. Есть модуль, его можно поставить
Но плохой тон создавать элементы интерфейса которые не соответствуют гайдам и не являются нативными для этого интерфейса
GoogleАртём21.05.2018
21:30:16
21:30:16
Это как новый контакт для андроида который полностью утратил андройд идентичность, пользователям андройд это неудобно
Можно конечно сделать, но лучше использовать табы
Которые привычны пользователям ios
Nikita21.05.2018
21:31:36
21:31:36
Теперь понял. Да, я видел npm пакеты реализующие drawer, но меня интересует именно, есть ли опыт работы с drawer из react-native-navigation от wix. А по поводу самого бокового меню, в многих приложениях на ios оно есть, например twitter, slack, discord.
Артём21.05.2018
21:33:30
21:33:30
Да, я знаю что есть, но это не значит что это правильно или хорошо :-). Всё-таки лучше придерживаться установленных стандартов и гайдов. Я только под андройд юзал, под иос юзал тот из нпм
А в последних проектах под иос всегда табы, а под андройд дровер
Я извиняюсь что мой ответ не является прямым ответом на вопрос, это не очень правильно, просто хотел поделиться мыслями ))
Nikita21.05.2018
21:42:32
21:42:32
Я с тобой согласен по поводу гайдлайнов.
Открыть в Telegram