Вызываемая функция вызывается через анонимную?

Нет, там ссылка на метод объекта компонента))

Руками... оба инструмента не годятся для автопереноса даже отдельных стилей. Приходится всё проверять. Для фигмы у нас есть небольшой скрипт импорта ассетов, могу поделиться, если интересно.

Да хотя бы стили руками не переносить. Там же все должно быть четко, по идее. Да, скрипт интересно посмотреть.

Нет, там ссылка на метод объекта компонента))

Я бы попробовал через анонимную. Бывает в некоторых компонентах

Да хотя бы стили руками не переносить. Там же все должно быть четко, по идее. Да, скрипт интересно посмотреть.

Там фиксированные размеры

Там фиксированные размеры

Можно ведь без размеров. Бэкраунды, тени, шрифты и т.д.

Под флексы оно не умеет

Можно ведь без размеров. Бэкраунды, тени, шрифты и т.д.

Ну да, это руками пока

Физически тяжело работать, если понимаешь, что это можно сделать проще )

https://github.com/futantan/sketch-style-to-react-native

Для скетча вот нашел.

Да хотя бы стили руками не переносить. Там же все должно быть четко, по идее. Да, скрипт интересно посмотреть.

Через часик скину в гист. А стили нереально переносить. Уже ответили, почему. Плюс оно много лишнего туда вписывает... особенно для текстовых стилей.

Через часик скину в гист. А стили нереально переносить. Уже ответили, почему. Плюс оно много лишнего туда вписывает... особенно для текстовых стилей.

Ок, спасибо!

https://github.com/futantan/sketch-style-to-react-native

Так падажжи, авокод то же самое умеет из коробки

Нужно лиши тип проекта в react-native переключить чтобы был нужный синтаксис

Я бы попробовал через анонимную. Бывает в некоторых компонентах

Это будет хак, я его могу и по другому сделать... чуть-чуть задержать установку значения или выставить другое и через рендер в нужное поставить. У нас сейчас ещё один вид этого хака используется, но так не жолжно быть )

Нужно лиши тип проекта в react-native переключить чтобы был нужный синтаксис

Хм, сейчас посмотрю. Спасибо!

Кстати да, avacode умеет, ну или styled-components выбрать:))

Кстати да, avacode умеет, ну или styled-components выбрать:))

А styled-components — это чистый css?

Ок, спасибо!

Вот так можно качать ассеты из фигмы. https://gist.github.com/vovkasm/2ec93fa5e5a8e6d331e558198d5145f7 Этот скрипт ищет все ноды, у которых имя подходит под формат ex_<directory>_<name> (где <directory> - любая последовательность латинских букв, цифр и знаков "-", а <name> - букв, цифр и знаков "-" и "_") и кладет их в корень проекта (на директорию выше, чем сам скрипт) в папку static/<directory>/<name>.png ну и <name>@2x.png и <name>@3x.png... Из интересного, пришлось ограничить кол-во одновременных соединений, т.к. иначе сервера фигмы перегружались и переставали отдавать файлы )

Кстати, если это реально нужно большому кол-ву людей, то можем просто в виде npm модуля это выложить

Вот так можно качать ассеты из фигмы. https://gist.github.com/vovkasm/2ec93fa5e5a8e6d331e558198d5145f7 Этот скрипт ищет все ноды, у которых имя подходит под формат ex_<directory>_<name> (где <directory> - любая последовательность латинских букв, цифр и знаков "-", а <name> - букв, цифр и знаков "-" и "_") и кладет их в корень проекта (на директорию выше, чем сам скрипт) в папку static/<directory>/<name>.png ну и <name>@2x.png и <name>@3x.png... Из интересного, пришлось ограничить кол-во одновременных соединений, т.к. иначе сервера фигмы перегружались и переставали отдавать файлы )

Большое спасибо! Завтра попробую.

Для айоса можно как-то просто узнать высоту статус бара? Без дополнительных библиотек

Для айоса можно как-то просто узнать высоту статус бара? Без дополнительных библиотек

Просто нет. Т.к. она может меняться со временем. Без дополнительных библиотек, пожалуй только пустой SafeAreaView прибитый к верху рутового View с onLayout может дать примерно такой эффект. Но SafeAreaView так же учтет нативный navigation bar, если он есть.

кто работал с firebase-authentication ?

Кто нибудь знает как пользователи из firebase-authentication попадают в Database ?

Просто нет. Т.к. она может меняться со временем. Без дополнительных библиотек, пожалуй только пустой SafeAreaView прибитый к верху рутового View с onLayout может дать примерно такой эффект. Но SafeAreaView так же учтет нативный navigation bar, если он есть.

Понял, спасибо

Привет. Каким образом переопределять лейауты на андроид в реакт-нейтив? Имеется библиотека, в которой есть стандартный макет. В нативной части у себя в проекте создается файл макета с такой же разметкой, где получаются айдишники элементов, для дальнейшей кастомизации.

Привет. Каким образом переопределять лейауты на андроид в реакт-нейтив? Имеется библиотека, в которой есть стандартный макет. В нативной части у себя в проекте создается файл макета с такой же разметкой, где получаются айдишники элементов, для дальнейшей кастомизации.

Что ты под этим имеешь ввиду?

Размер?

Всем привет, кто нибудь сталкивался: undefined is not a function (evaluating '0, _reactNavigation.StackNavigator)({....

Всем привет, кто нибудь сталкивался: undefined is not a function (evaluating '0, _reactNavigation.StackNavigator)({....

createStackNavigator вероятно

createStackNavigator вероятно

что это и куда?) блин я по урокам смотрел) у всех одно и тоже, но у меня ни как не работает)

навигацию обновили. Там где создается стек теперь используется createStackNavigator

Типа так: const AppNavigator = createStackNavigator({ SettingScreen: { screen: Settings }, HomeScreen: { screen: Home } });

https://reactnavigation.org/docs/en/hello-react-navigation.html

да

еще теперь нужно AppContainer (в доке есть что сделать надо)

еще теперь нужно AppContainer (в доке есть что сделать надо)

Спасибо огромное попробую)

Коллеги подскажите пожалуйста, кто какие фреймворки использует для написания автотестов ?

Ребят подскажите, приложение на експо. Нужно воспроизводить ролики ютуб. Ничего лучше я вебвью не нашел. Но есть проблема, как задетектить когда пользователь тыкает закрыть (выход из полноэкранного режима)? чтобы дальше уже закрывать вебвью. Событие ютуба (2) на остановку видео отрабатывает и на крестик и на паузу. (0) на крестик не отрабатывает. Различные fullscreenchange события не работают а параметры .fullscreenElement и подобные все андефаенд и на документе и на элементе в котором айфрейм.

Что ты под этим имеешь ввиду?

Имеется в виду, что хочу предоставить возможность подменять дефолтный макет, на макет написанный в реакте.

Имеется в виду, что хочу предоставить возможность подменять дефолтный макет, на макет написанный в реакте.

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

Всем привет. Кто-нибудь сталкивался с ошибкой Native module cannot be null при запуске на IOS?

Всем привет. Кто-нибудь сталкивался с ошибкой Native module cannot be null при запуске на IOS?

Кажется я знаю, что это. Учитывая, что единственное вхождение фразы "Native module cannot be null" вот здесь: https://github.com/facebook/react-native/blob/0.57-stable/Libraries/EventEmitter/NativeEventEmitter.js#L36 Скорей всего не слинкована нативная часть какой-то новой библиотеки

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

через requireNativeModule

тебе нужно прослойку написать

а дальше юзай где хочешь

если я правильно тебя понял

Кажется я знаю, что это. Учитывая, что единственное вхождение фразы "Native module cannot be null" вот здесь: https://github.com/facebook/react-native/blob/0.57-stable/Libraries/EventEmitter/NativeEventEmitter.js#L36 Скорей всего не слинкована нативная часть какой-то новой библиотеки

Новых библиотек не добавлялось. Связано все через pods. В проекте, в папке Libraries ничего нет

Новых библиотек не добавлялось. Связано все через pods. В проекте, в папке Libraries ничего нет

Если ничего не добавлялось, значит не было добавлено изначально. А вот теперь начало использоваться. Судя по стек-трейсу, это какой-то визуальный компонент. У вас нет номеров строк нормальных на скрине, только по скрину невозможно сказать где именно. Попробуйте разобраться, чей метод componentDidMount вызывается (он там 5ый сверху в стек-трейсе) и думаю всё станет понятно

через requireNativeModule

Я использую этот метод для нативного вью.

Я использую этот метод для нативного вью.

ага, только оберни его в компонент

и прокинь стили

и прокинь стили

Так, а затем мне его нужно будет где-то вызывать?

Например, в Апп классе

хм, видемо я тебя не до конца понял, у тебя есть нативная вьюха, и вызвав метод, ты хочешь ее показать, перекрыв react view ?

у меня есть сервис в нативной либе, который это делает. цель в том, чтобы я мог менять стандартные макеты через реакт, и как я понимаю это невозможно

я думаю @gblack9, лучше ответит на этот вопрос)

но мне кажеться, что тебе просто надо свою нативную view прокинуть в react

и все будет хорошо

Новых библиотек не добавлялось. Связано все через pods. В проекте, в папке Libraries ничего нет

И на всякий случай, к тому что слинковано, папка Libraries не имеет никакого отношения. Весь линкинг в современном Xcode доступен в св-вах проекта, вкладка General, раздел Linked Frameworks and Libraries, или на вкладке Build Phases в разделах с названиями Link Binary With Libraries. Пример: http://vovkasm.skitch.vovkasm.org/xcode-link_21B68F70.png

я думаю @gblack9, лучше ответит на этот вопрос)

Не отвечу, т.к. я не понимаю задачи. Не понимаю, что такое "макеты"

Не отвечу, т.к. я не понимаю задачи. Не понимаю, что такое "макеты"

он скорее всего имеет ввиду экраны

и все будет хорошо

Я ее и прокидываю, но в итоге получаю результат, что я просто тащу хмл макет в реакт, указываю Props name export default class App extends Component<Props> { render() { return ( <View style={styles.container}> <CashbackCustomView style={{height:200, width:400}} textTitle={"Text from react"}/> <Text style={styles.welcome}>Welcome to React Native!</Text> </View> ); } }

Я ее и прокидываю, но в итоге получаю результат, что я просто тащу хмл макет в реакт, указываю Props name export default class App extends Component<Props> { render() { return ( <View style={styles.container}> <CashbackCustomView style={{height:200, width:400}} textTitle={"Text from react"}/> <Text style={styles.welcome}>Welcome to React Native!</Text> </View> ); } }

так ты не правильно это делаешь

И вот я просто рисую его на данном экране, что как бы по коду логично

Нужно чтобы было глобально

Не отвечу, т.к. я не понимаю задачи. Не понимаю, что такое "макеты"

Экраны, xml разметка у андроид

О!

const SomeManager = requireNativeComponent('RNSomeView', SomeView) const { width, height } = Dimensions.get('window') const styles = StyleSheet.create({ container: { width, height, alignItems: 'center', justifyContent: 'center', position: 'absolute', top: 0, bottom: 0, left: 0, right: 0 } }) class SomeView extends Component { componentDidMount() { console.log('intro', this.some) } render() { return ( <View style={styles.container}> <SomeManager ref={this.setRef} /> </View> ) } some setRef = (ref) => { this.some = ref } } export default SomeView

попробуй так

Но описание андроид верстки в xml, скорей всего не удастся автоматически конвертировать в ios... там же ссылки на конкретные элементы из мира android...

Они же являются представителями View, и по идее работает из коробки. К примеру, я могу менять размер и текст у элемета, который написал на нативной части через реакт.

представителем))

И на всякий случай, к тому что слинковано, папка Libraries не имеет никакого отношения. Весь линкинг в современном Xcode доступен в св-вах проекта, вкладка General, раздел Linked Frameworks and Libraries, или на вкладке Build Phases в разделах с названиями Link Binary With Libraries. Пример: http://vovkasm.skitch.vovkasm.org/xcode-link_21B68F70.png

Когда я делал build, он жаловался на то, что в build phases есть библиотеки типа RCTWebSocket и прочие, которые есть в Pods. Я убрал эти библиотеки из build phases, build прошел, сделал Archive. Теперь пробую запустить через xcode на устройстве. Все еще выдает эту ошибку. Ничего нового не ставил, не менял, сделал pod update, pod install. Не реагирует

Когда я делал build, он жаловался на то, что в build phases есть библиотеки типа RCTWebSocket и прочие, которые есть в Pods. Я убрал эти библиотеки из build phases, build прошел, сделал Archive. Теперь пробую запустить через xcode на устройстве. Все еще выдает эту ошибку. Ничего нового не ставил, не менял, сделал pod update, pod install. Не реагирует

Вы нашли компонент, метод componentDidMount которого валится со стектрейсом со скриншота? )

Нет. Там нигде не указано в каком компоненте происходит обвал

Его надо найти, чтоб понять что происходит, чтоб понять в чем именно ошибка иначе это какие-то пляски с бубном ))) Есть много способов как это сделать. Если ничего не работает, то всегда остается метод исключения кода (комментирования) с бинарным поиском 😉