Javascript 如何使Stack.Screen选项样式设置为外部？

我们可以从外部css文件导入headerStyle和headerStyleTitle的样式吗？对于图像，这很容易，因为我们创建了一个带有ref

style={..reference to className}

的标记。如何使用选项标题

<Stack.Navigator>
      <Stack.Screen
        options={({ route }) => ({
          headerTitle: getHeaderTitle(route),
          headerStyle: { backgroundColor: '#C70066' }, 
          headerTitleStyle: { color: 'white', textAlign: 'center', alignSelf: 'center' },
          headerRight: () => (
            <Image source={require('../assets/icons/more.png')} style={styles.headRight} />
          ),
          headerLeft: () => (
            <Image style={styles.headLeft} resizeMode="contain" source={require('../assets/icons/info.png')} />
          ),
        })}
        name="Main"
        component={Main}
      />

    </Stack.Navigator>

({
headerTitle:getHeaderTitle（路线），
headerStyle:{背景颜色：'#C70066'}，
headerTitleStyle:{color:'white'，textAlign:'center'，alignSelf:'center'}，
头灯：（）=>(
),
标题左侧：（）=>(
),
})}
name=“Main”
组件={Main}
/>

我解决了：）

headerStyle:styles.headerStyling，

headerTitleStyle:styles.headertitlestyleing只需这样添加引用即可