Does anyone know how can this be done in React

Question

JavaScript

Milos Sofronijevic

Does anyone know how can this be done in React

Native? Is this some kind od SVG? I mean the middle transparent square. I tryed with styles but no luck

0

27.03.2024

2 ответов

4 просмотра

Milos Sofronijevic Автор вопроса

Friday Candour [ask before dm] Candour
am not too good in rn, i bet you could have a chan...

I have to use react native, in the end managed to do it with svg and help from chatGPT const SVGBarcodeFrame: React.FC = () => ( <> <Svg height="100%" width="100%" fill="none"> <Defs> <ClipPath id="clip"> <Rect width="100%" height="100%" /> <Rect x="50%" y="50%" width={QR_SCAN_SQUARE_SIZE} height={QR_SCAN_SQUARE_SIZE} transform={transform} rx={BORDER_RADIUS} ry={BORDER_RADIUS} /> </ClipPath> </Defs> <G clipPath="url(#clip)"> <Rect width="100%" height="100%" fill={colors.dark} opacity={0.6} /> </G> <Rect x="50%" y="50%" width={QR_SCAN_SQUARE_SIZE} height={QR_SCAN_SQUARE_SIZE} transform={transform} fill="none" stroke="white" strokeWidth={4} rx={BORDER_RADIUS} ry={BORDER_RADIUS} /> </Svg> <Label style={styles.barcodeText}>{mealTrackerStrings.barcode.scan}</Label> </> );

0

1 месяц назад

Friday Candour [ask before dm] Candour · Accepted Answer

Friday Candour [ask before dm] Candour

am not too good in rn, i bet you could have a chance with flutter or use a design a webpage for a webview

0

1 месяц назад

Похожие чаты

Does anyone know how can this be done in React

2 ответов

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