Не совсем понимаю вашу проблему

Что нужно визуализировать

на круге видна разница в полосках, а они должны быть зеркально противоположны. 209 - 198(attended) = 11 человек 209 - 11(missed) = 198 человек То есть для 1 графика, красная полоса должны быть по длине равной серой полосе второго графика

А, ну так это к либе вопрос, похоже

Как она трактует значения 0.3 и 0.7, к примеру

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

А если попробовать вручную поставить 0.7 и 0.3 и сравнить визуально? Может какие-то ошибки округления в вашем случае?

на круге видна разница в полосках, а они должны быть зеркально противоположны. 209 - 198(attended) = 11 человек 209 - 11(missed) = 198 человек То есть для 1 графика, красная полоса должны быть по длине равной серой полосе второго графика

ну тут вся фишка в linecap по сути - за счет добавления скругления к заполненной области получается визуальная разница. Думаю углы у них одинаковые

ну тут вся фишка в linecap по сути - за счет добавления скругления к заполненной области получается визуальная разница. Думаю углы у них одинаковые

Точно

Конечно же из-за него

я рисовал круговые диаграмы используя d3 + svg. Могу поискать код. Там можно отключить этот эффект вроде

d3 + svg это через ART?

d3 + svg это через ART?

// @flow import { arc } from 'd3-shape'; import React from 'react'; import { View, Text, StyleSheet } from 'react-native'; import Svg, { Path } from 'react-native-svg'; import { LIGHT_FONT, REGULAR_FONT, } from '../resources/constants'; type Props = { size: number, progress: number, color: string, text: string, notFilledColor: string, }; const styles = StyleSheet.create({ smallText: { fontFamily: REGULAR_FONT, fontSize: 13, fontWeight: 'normal', fontStyle: 'normal', letterSpacing: 0, textAlign: 'center', color: '#919193', }, absolute: { position: 'absolute', }, container: { flex: 1, alignItems: 'center', justifyContent: 'center', }, text: { fontFamily: LIGHT_FONT, fontSize: 29, fontWeight: '300', fontStyle: 'normal', letterSpacing: 0, textAlign: 'center', color: '#000000', }, }); export default class CircleProgress extends React.PureComponent<Props> { static defaultProps = { notFilledColor: '#f5f5f7', }; render() { const { size, text, color, progress, notFilledColor, } = this.props; const realProgress = Number.isNaN(progress) ? 0 : Math.max(0, Math.min(1, progress)); const r1 = (size / 2) - 4; const r2 = size / 2; const backgroundPath = arc() .innerRadius(r1) .outerRadius(r2) .startAngle(0) .endAngle(realProgress * 2 * Math.PI); const backgroundPath2 = arc() .innerRadius(r1) .outerRadius(r2) .startAngle(0) .endAngle(2 * Math.PI); return ( <View style={[{ width: size, height: size }, styles.container]}> <View style={styles.absolute}> <Svg height={size} width={size} > <Path d={backgroundPath2()} fill={notFilledColor} x={size / 2} y={size / 2} /> <Path d={backgroundPath()} fill={color} x={size / 2} y={size / 2} /> </Svg> </View> <Text style={styles.text}> {Math.round(realProgress * 100)}% </Text> <Text numberOfLines={1} style={styles.smallText} > {text} </Text> </View> ); } }

как то так

Спасибо! Сейчас попробую

А, насколько я помню, react-native-svg как раз через ART и рисует

Не, не через ART

Прикольно

повторю вопрос, может кто сталкивался с тем, что нужно вычислять высоту soft key bar menu в андроиде? признаться, заколупался уже((

Сколько по времени новые приложения апрувятся в apple store и google play?

Сколько по времени новые приложения апрувятся в apple store и google play?

в плее 2-3 часа, в сторе около суток

иногда чуть дольше

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

обнаружил такую вещь в приложениях, что в некоторых нативных приложениях soft keys bar на одних страницах - прозрачный наезжает поверх страницы, а на других страницах он толкает весь экран

кто-нить реализовывал такое на rn ?

кто-нить реализовывал такое на rn ?

В Андроиде решается флагом у активити в манифесте windowSofftInput параметр, вроде

В Андроиде решается флагом у активити в манифесте windowSofftInput параметр, вроде

Да, но это для всей прилаги, для всех страниц

Тогда сорри

Есть заблюренный таббар с абсолютной позицией. На экране список (flatlist), которому я задаю contentContainerStyle - paddingBottom по высоте таббара, чтобы он заходил под таббар, но весь контент при этом можно было увидеть. Как заставить индикатор скролла не заезжать под таббар в таком случае?

margin?

не работает

или пэддинг у контейнера

тогда контент не будет под таббар заезжать

тогда убрать скролл к чертям😅

Не, я нашел

scrollIndicatorInsets={{bottom: <высота таббара>}}

о как, не знал, что так тоже можно

Окай, тогда мой вопрос - есть идеи как сделать, чтобы индикатор pull-to-refresh тоже не заезжал под таббар в таком случае?

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

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

https://facebook.github.io/react-native/docs/statusbar#translucent ?

https://facebook.github.io/react-native/docs/statusbar#translucent ?

этот экран идет после splash screen`a... через андроид студию создавался... потому я в ту сторону и копаю... это нативные способы должны быть, как я понимаю..

Ребята, привет! Поделитесь, кто-то пробовал перейти на flutter? как впечатления?

сырой

😂

Доброго дня, кто-нибудь сталкивался с проблемой сборки apk, в которой не отображаются последние изменения?

Доброго дня, кто-нибудь сталкивался с проблемой сборки apk, в которой не отображаются последние изменения?

папку build удали перед сборкой

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

возможно что-то падает

пробовал. все тот же результат.

пробовал. все тот же результат.

Изменения чего

Фронта или нативной части

в исходниках, т.е. код компонента.

например, я закомментировал внутри компонента кучу кода, при старте приложения через react-native run-android все обновляется в эмуляторе, но при сборке апк - старая версия

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

сделал общий для них контейнер с flex: 1 и flexDirection: 'row', но какая изначальная длина инпута адалась - такая и остаётся

по мере ввода неумещающиеся символы просто обрезаются =/

а, понял, это с textInputMask проблемы >_<

а кто-нибудь вообще сталкивался с тем, что  text-input-mask  не обновляет какие-то параметры? например, если задать смену стилей при нажатии на кнопку

а кто-нибудь вообще сталкивался с тем, что  text-input-mask  не обновляет какие-то параметры? например, если задать смену стилей при нажатии на кнопку

да, есть такое, у меня так получилась целая система костылей)

Народ, а есть какая-то возможность код проекта на реакте и expo конвертировать в java код для андроид? Нам поддержка ios больше не нужна и есть java программист.

Народ, а есть какая-то возможность код проекта на реакте и expo конвертировать в java код для андроид? Нам поддержка ios больше не нужна и есть java программист.

нет

Народ, а есть какая-то возможность код проекта на реакте и expo конвертировать в java код для андроид? Нам поддержка ios больше не нужна и есть java программист.

Руками можно переписать

Парни привет, не могу понять кое что, мне нужен кастомный pinch to zoom image. Но через react native gesture handler, пока что добился эффекта scale который зависит от pinch юзера, но мне нужно чтобы scale картинки был не меньше одного, в целом есть три момента это контролировать 1) в listener Animated.event 2) в onHandlerstatechange 3) через interpolate, но я не вдупляю как в нем поставить ограничения Те кто понимает interpolate в Animated или другое решение этой проблемы пожалуйста подскажите, мучаюсь уже 2 дня ((

в новом react 0.60.5 можно не использовать androidx? а то все зависимости сломались

Парни привет, не могу понять кое что, мне нужен кастомный pinch to zoom image. Но через react native gesture handler, пока что добился эффекта scale который зависит от pinch юзера, но мне нужно чтобы scale картинки был не меньше одного, в целом есть три момента это контролировать 1) в listener Animated.event 2) в onHandlerstatechange 3) через interpolate, но я не вдупляю как в нем поставить ограничения Те кто понимает interpolate в Animated или другое решение этой проблемы пожалуйста подскажите, мучаюсь уже 2 дня ((

Как сейчас интерполяция выглядит?

в новом react 0.60.5 можно не использовать androidx? а то все зависимости сломались

а юзать старый andoid.support

Привет всем, я столкнулся с проблемой. Я новичок в RN и Js. Вот:

Как сейчас интерполяция выглядит?

Пока что не могу додумать нормальную интерполяцию для этого, направишь?))

нет

Чё реально нельзя? А как же нейтив код править в случае чего

а юзать старый andoid.support

а этот пакет jetifier пробовал юзать?

заранее спасибо

а этот пакет jetifier пробовал юзать?

нет, сейчас посмотрю

Пока что не могу додумать нормальную интерполяцию для этого, направишь?))

Ну сейчас же скейлит как то. Или там без итжнтерполяции?

Чё реально нельзя? А как же нейтив код править в случае чего

Почитайте как работает реакт нейтив

просто сейчас все зависимости не билдятся из-за анотаций

Ну сейчас же скейлит как то. Или там без итжнтерполяции?

Сейчас без интерполяции скейлит за счет onHandlerstatechange но скейлит без ограничений