推荐使用:react-qr-code - 灵活高效的React和React Native二维码组件
import React from 'react';
import QRCode from 'react-qr-code';
const QRCodeExample = () => (
<QRCode
value="https://www.example.com"
size={250}
fgColor="#000000"
bgColor="#FFFFFF"
imageSettings={{
src: 'path_to_image',
excavate: true,
height: 20,
width: 20,
}}
/>
);
export default QRCodeExample;
这个例子展示了如何使用react-qr-code
组件来生成一个包含网站链接的二维码。二维码的尺寸是250x250像素,前景色(文本)是黑色,背景色是白色。此外,它还包含一个嵌入的小图片,并且logo会被挖空呈现在二维码中间。这个组件提供了灵活的定制选项,使得开发者可以快速方便地创建个性化的二维码。
评论已关闭