是否可以使用图像背景“线性渐变（向左，绿色 70%，红色 30%）”来反应原生应用程序？

Question

我能够通过 html,css,jquery 做到这一点

这是我的 html 代码：

  ` var total_time_in_sec = 10
    var also_have_in_sec = 9;
    setInterval(() => {
        if (also_have_in_sec > 1) {
            var green_percent = Math.round(also_have_in_sec / total_time_in_sec * 100);

            if ((100 - green_percent) <= 50) {
                var color1 = "green " + green_percent + "%";
                var color2 = "red " + (100 - green_percent) + "%";
                var str = "linear-gradient(to left," + color1 + "," + color2 + ")";
            } else {
                var color1 = "red " + (100 - green_percent) + "%";
                var color2 = "green " + green_percent + "%";
                var str = "linear-gradient(to right," + color1 + "," + color2 + ")";
            }
            $("img").css("background", str);
            also_have_in_sec = also_have_in_sec - 1;
        } else {
            clearInterval();
            $("img").css("background", "red");
        }
        console.log(green_percent);
    }, 1000);`

Output 如下：

现在我想在 react-native app.percentage 中使用具有这种背景的图像，可从后端获得。 setTimeout 和 clearInterval 不是强制性的。

Answer 1

您不能将您描述的线性渐变样式应用于反应本机应用程序。

但是，为了在 react native 应用程序中显示线性渐变， 这个库可能很有用。