使用全局样式定义underlineColorAndroid prop

Question

我有一个用于定义全局样式的文件。我想在文件中定义一个const用于underlineColorAndroid prop。

我的全局样式表如下所示：

import globalStyles from '../styles/global'

我导入这样的文件：

underlineColorAndroid={globalStyles.underlineColorAndroid}

我在道具中使用这样的风格：

$i=0;
import-csv "C:\temp2\missing.csv" | %{$i++; if ($i -ne 3) {$_}} | export-csv  "C:\temp2\result.csv" -NoTypeInformation

这不起作用，我有什么想法可以做到这一点？

Answer 1

您可以使用ES6 export statements来定义默认导出和命名导出，而不是使用module.exports语法：

export const underlineColorAndroid = '#F86C51'

export default StyleSheet.create({
  background: {
    backgroundColor: '#F5FCFF',
  },
})

可以像以前一样导入默认导出：

import globalStyles from '../styles/global';

可以使用花括号导入指定的导出来表示解构：

import { underlineColorAndroid } from '../styles/global';

或两者同时：

import globalStyles, { underlineColorAndroid } from '../styles/global';

但是，为了清楚起见，最好将样式表和命名变量拆分为不同的文件。