React native 从Adobe XD导出的组件在react native应用程序中显示白色或黑色屏幕

我用Adobe XD设计了一些屏幕。在adobe XD中，有一个插件可以将设计导出为React/ReactNative组件。我导出了一个设计，本例中只是一个背景，但当我运行应用程序时，屏幕显示为白色或黑色，有时会从白色屏幕过渡到黑色屏幕。影响此功能的因素是adobe XD中的导出设置

另外，我知道实现后台的其他方法，但我只是想让react native svg使用从AdobeXD导出的简单基本情况，因为设计/原型是多么容易，我希望它在我的工具箱中

从Adobe XD插件响应组件导出设置： 使用大写字母为react Native modify SVG节点创建/使用带有react Native SVG导入的特定模板 删除尺寸从根SVG标记中删除宽度和高度 forward ref设置为true将把ref转发到根SVG标记

我尝试了所有的合并，但没有任何显示设计

当前本地版本：0.59.5 当前本地svg版本：9.5.1

导出的adobe（节略）设计作为react组件：

import React from "react";
import Svg, {
  Defs,
  LinearGradient,
  Stop,
  ClipPath,
  Rect,
  G,
  Circle,
  Line
} from "react-native-svg";

const BackgroundComponent = () => (
   <Svg width={375} height={812} viewBox="0 0 375 812">
    <Defs>
      <LinearGradient
        id="a"
        x1={0.5}
        x2={0.5}
        y2={1}
        gradientUnits="objectBoundingBox"
      >
        <Stop offset={0} stopColor="#fff" />
        <Stop offset={1} stopColor="#ffb051" />
      </LinearGradient>
      <ClipPath id="c">
        <Rect className="a" width={375} height={812} />
      </ClipPath>
      <ClipPath id="e">
        <Rect width={375} height={812} />
      </ClipPath>
    </Defs>
  </Svg>
);

export default BackgroundComponent;

从“React”导入React；
导入Svg{
藐视，
线性梯度，
停止
克利帕斯，
直肠，
G
圆圈
线
}从“react native svg”；
const BackgroundComponent=（）=>(
);
导出默认背景组件；

---

我希望屏幕看起来与Adobe XD中创建的设计相似，但它是一个白/黑屏幕。

我也有同样的问题。。。你找到解决办法了吗？不，悬赏这个问题我也有同样的问题。。。你找到解决办法了吗？不，悬赏问题