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

1 ответов

16 просмотров

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

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

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

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта