React Native SVG：全屏自适应视图框答案

【问题标题】：React Native SVG: fullscreen adaptive viewBoxReact Native SVG：全屏自适应视图框
【发布时间】：2020-11-04 16:22:57
【问题描述】：

我正在尝试使用“react-native-svg”库制作全屏场景。这是我的组件渲染代码：

<Svg viewBox="0 0 100 100" height="100%">
    <Rect
        x="25"
        y="25"
        width="50"
        height="50"
        stroke="red"
        strokeWidth="2"
        fill="yellow"
    />
</Svg>

这就是我想要得到的：

但我在横向模式下拥有的是：

还有最重要的。当 resize 事件发生时，块被规范化：

【问题讨论】：

标签： reactjs react-native svg react-native-svg

【解决方案1】：

修复者

    const viewBox = '0 0 '+this.state.screenWidth+' '+this.state.screenHeight;
    return <Svg viewBox={viewBox} style={styles.wrapper}>

我认为这不是最好的解决方案，但它确实有效

【讨论】：