React Native, как сделать границу в углу квадрата только как маркер QR-кода - PullRequest
Новая
       81

React Native, как сделать границу в углу квадрата только как маркер QR-кода

1 голос
/ 09 июля 2020

Я пытался сделать маркер QR-кода, как этот pi c ниже.

enter image description here

So I'm wondering how to make those 4 corners instead of a full border marker.

I was currently using response-native-qrcode-scanner .

маркер по умолчанию выглядит так:

введите описание изображения здесь

и вот код, который у меня есть: 

<QRCodeScanner
        // containerStyle={{ height: '100%' }}
        // cameraStyle={{ height: '100%' }}
        onRead={handleScan}
        showMarker
        markerStyle={{ borderColor: colors.primary, borderRadius: 20 }}
        cameraProps={{
          captureAudio: false,
          flashMode: RNCamera.Constants.FlashMode.auto,
        }}

Но я хочу изменить его на первое изображение, которое я дал.

Оцените это, если кто-то может помочь. Спасибо

1 Ответ

1 голос
/ 09 июля 2020

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

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

Надежда помогает. не стесняйтесь сомневаться

...