我如何在 React Native 的样式表中使用变量？

Question

我想在样式表中创建通用变量颜色，我按如下所示创建了它，但它不起作用。

'use strict';

import {Dimensions} from "react-native";

var React = require('react-native');

var { StyleSheet } = React;

var { PrimaryColor } = "#DDDDDD";

module.exports = StyleSheet.create({

title_post:{
padding: 20,
color: PrimaryColor
},

button_share:{
backgroundColor: PrimaryColor
}

Answer 1

这是解构赋值（无效）：

var { PrimaryColor } = "#DDDDDD";

它用于从对象中提取值：

var { a } = { a: 1, b: 2 }
console.log(a) // 1

这是变量声明和赋值（你想要的）：

var PrimaryColor = "#DDDDDD";