在 Linear Gradient React Native 中切换颜色（从浅渐变到深渐变，反之亦然）

Question

我正在使用具有浅色渐变背景的线性渐变实现 UI。我想做一个开关，通过它我可以将线性渐变的颜色更改为深色渐变。任何方式来做到这一点。我是 React Native 的新手。希望我能尽快得到答复。提前致谢。

Answer 1

您将必须获取当前主题并相应地应用颜色，如果需要，您可以使用三元组。这里是 documentation.

import React from "react";
import LinearGradient from "react-native-linear-gradient";

const colorScheme = Appearance.getColorScheme();

const DARK_COLORS = ["#4c669f", "#3b5998", "#192f6a"];
const LIGHT_COLORS = ["#0077c2", "#00a1ff", "#00c2ff"];

const Home = () => {
  return (
    <LinearGradient
      colors={colorScheme === "light" ? LIGHT_COLORS : DARK_COLORS}
    >
      // Your Content Here
    </LinearGradient>
  );
};

export default Home;

这里我举了一个小例子来说明我将如何使用这个库，但我相信这会让你更清楚如何在你的应用程序中应用它。

稍后再说！

在 Linear Gradient React Native 中切换颜色（从浅渐变到深渐变，反之亦然）

switch color (from light to dark gradient and vice versa) inside Linear Gradient React Native

linear-gradients

react-native