主页 / coding / 问题 / 78938759
Accepted
Tony
Asked: 2024-09-02 10:41:54 +0800 CST

如何为三元运算符的每个条件提供两种不同的样式？

  • 772

我的应用有浅色模式和深色模式。我想根据用户的应用处于浅色模式还是深色模式来更改文本的颜色。浅色模式有两种单独的样式，如下所示：

            <Text style={[styles.chromatic, styles.noteTxt]}>{f + ''}</Text>

当将暗模式应用到我的代码时，我是这样写的：

            <Text style={theme === true ? [styles.chromatic, styles.darkNoteTxt] : [styles.chromatic, styles.noteTxt]}>{f + ''}</Text>

没有错误，但在明暗之间来回切换时颜色没有变化。有人能告诉我为什么这在每种情况下都不起作用吗？我猜是语法问题。任何帮助都将不胜感激。

react-native

1 个回答

  1. Best Answer

    你的条件没有错，你能否检查主题值，它是 const 还是状态值（可以更改为 true 或 false）？

    但是，我认为将主题更改为代码可能不是最佳做法，否则您必须为每个要更改主题的标签编写条件。相反，我建议

    const lightColors = {
  primary: 'white',
};
const DarkColors = {
  primary: 'black',
};

const mockMode = 'light';

export const colors = mockMode === 'light' ? lightColors : DarkColors;

    用阶段值替换 mockMode

    • 1

相关问题