如何从常量文件react native调用样式?

Question

我有一个文件register.js与一些UI组件。

import CustomHeader from '../components/Header';
...
static navigationOptions = ({navigation, navigation: { state } }) => {
return {
title: '',
headerStyle: CustomHeader
}
};

我尝试从另一个常量文件创建和调用CustomHeader样式。

import { getStatusBarHeight } from "react-native-safearea-height";
import { Platform } from 'react-native'; 
var iosMarginTop = getStatusBarHeight(true);
const headerStyle = ({backgroundColor = '#000'}) => {
backgroundColor: backgroundColor,
marginTop: Platform.OS == 'ios' ? iosMarginTop : 0
}
export default headerStyle;

我如何动态调用customHeader风格和传递一些参数为特定的UI风格，例如backgroundColor?默认情况下，如果没有参数传递，则保持默认值"#000"

Answer 1

像这样更新你的代码，

const headerStyle = ({backgroundColor}) => {
backgroundColor: backgroundColor ? backgroundColor : "#000",
marginTop: Platform.OS == 'ios' ? iosMarginTop : 0
}