169 похожих чатов

1 ответов

15 просмотров

// @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> ); } }

Похожие вопросы

Обсуждают сегодня

Мужики и девушки, привет) в Вelphi xe7 в настройках во вкладке "Editor Options" далее " Color" есть список: "Elements", открыв который мы можем настраивать отображение разных...
Kraszx
14
Добрый вечер. Есть вопрос, а может и предложение. Был у меня диалог в другой группе о делфи и я задался вопросом: "А нельзя ли в делфи цвет //коментария и {комментария} сде...
Kraszx
24
Я вот подумал. SSE выполняет операции максимум с 64-битной точностью. А FPU - всегда с 80-битной. Разве не должно быть FPU точнее тогда?
The Bird of Hermes
13
как быть с принтером? такой подход прокатит?
zamtmn
12
Мдя, прикол, боевая сборка запускается (именно под отладчиком) после F9 примерно полторы минуты (97 секунд если быть точным). Начал копать - проблема детектится сразу - зависа...
Александр (Rouse_) Багель
38
Всем привет! Подскажи, пожалуйста, как передать в TComboBox сразу значение и id записи. На Delphi я делал так: ComboBox1.Items.AddObject('Какое-то значение', Pointer(id запис...
Евгений
13
Здравствуйте, вопрос по структурам данных. Были у вас случаи, когда пришлось писать деревья или двунаправленные списки?
/ /
50
Я не понимаю, это троллинг или что? Швабрика поддерживают, который буквально пишет на ассемблере взаимодействия с винапи. Я это ещё написал загрузчик и хоть что-то изучаю в о...
Shadow Akira
6
А вот это что за конструкция? Вернее, она тут нафига?
Serjone
10
Привет. Подскажите, как правильно сматчить лист фиксированного размера, чтобы компилятор не говорил мне о неполном паттерне? Допустим что-то такое [x', y'] = sort [x, y]?
Arseny
8
Карта сайта