react-native-qrcode 不适合它的元素

Question

我正在使用 'react-native-qrcode' 库并尝试创建一个 QR 码，它似乎一直在工作，直到我想让它 100% 使用它自己的容器。

我试过：

放到View里，不行
在上述视图和二维码上使用 flex: 1

注意：我必须更改 node_modules 中的 WebView，因为现在它是一个单独的库。

import React from 'react';
import QRCode from 'react-native-qrcode';

export default function CardDetails({ navigation }) {
    return (
        <QRCode
            value={"Hello World"}
            size={250}
        />
    )
}

Answer 1

问题出在二维码库。这是图书馆的代码。如果我将 canvas -> context -> size 更改为 size * 4 它将始终覆盖整个白色 space 并且每当我通过另一个尺寸时都会适应/动态变化。

P.S。仍在尝试弄清楚为什么 x4 是解决方案。

return (
            <View>
                <Canvas
                    context={{
                        size: size,
                        value: this.props.value,
                        bgColor: this.props.bgColor,
                        fgColor: this.props.fgColor,
                        cells: qr(value).modules,
                    }}
                    render={renderCanvas}
                    onLoad={this.props.onLoad}
                    onLoadEnd={this.props.onLoadEnd}
                    style={{height: size, width: size}}
                />
            </View>
        );

react-native-qrcode 不适合它的元素

react-native-qrcode doesn't fit it's element

qr-code

android-emulator

android-studio

react-native