Javascript 在Stack.screen上的react native中为一个变量分配多个值

我想要得到的结果是变量选项=条件+代码样式

我想你可以这样做：

使用样式创建一个常量

将样式与其余选项连接起来

及

---

我想你可以这样做：

使用样式创建一个常量

将样式与其余选项连接起来

及

<Stack.Screen 
      key={route.name}
      name={route.name}
      component={route.component} // Home, Pertes
      // if header is true then option returned is {header:  null}
       
      options ={route.label !== '' ? {title: route.label}  : {header: noop}  }   
    />

{headerTitleStyle: {fontFamily: 'arial', fontSize: 20,},
      headerStyle: { marginTop: 24, },}

const myHeaderStyle= {
    headerTitleStyle: {
        fontFamily: 'arial', 
        fontSize: 20
    },
    headerStyle: { 
        marginTop: 24
    }
};

<Stack.Screen 
      key={route.name}
      name={route.name}
      component={route.component}
      options ={route.label !== '' ? {...myHeaderStyle, title: route.label}  : {...myHeaderStyle, header: noop}  }   
/>

const options= {
    headerTitleStyle: {
        fontFamily: 'arial', 
        fontSize: 20
    },
    headerStyle: { 
        marginTop: 24
    }
};

if (route.label !== '') {
    options.title = route.label;
} else {
    options.header = noop;
}

<Stack.Screen 
      key={route.name}
      name={route.name}
      component={route.component}
      options ={options}   
/>