javascript - Vue Native 的全局样式

Question

所以我有一个基本的 Vue Native 应用程序，其中有几个由 StackNavigator 管理的屏幕。

我的 App.vue 文件如下所示:

<template>
    <app-navigator></app-navigator>
</template>

<script>
import {
  createAppContainer,
  createStackNavigator,
} from "vue-native-router";

import Login from './screens/Login.vue';
import Register from './screens/Register.vue';
import HomeScreen from "./screens/HomeScreen.vue";
import DetailsScreen from "./screens/DetailsScreen.vue";
import UserDetails from "./screens/UserDetails.vue";
import CarHistory from "./screens/CarHistory.vue";

const StackNavigator = createStackNavigator(
  {
    Home:         HomeScreen,
    Details:      DetailsScreen,
    Login:        Login,
    Register:     Register,
    UserDetails:  UserDetails,
    CarHistory:   CarHistory,
  },
  {
    initialRouteName: 'Login',
    // initialRouteName: 'CarHistory',
    defaultNavigationOptions: {
      headerStyle: {
        display: 'none',
      },
    },
  },
);

const AppNavigator = createAppContainer(StackNavigator);

export default {
  components: { AppNavigator },
  data: function() {
      return {

      }
  },
}
</script>

<style>

</style>

我想要实现的是以某种方式创建一个文件，甚至在 App.vue 文件的 Style 属性中编写样式，但使其在全局应用 - 在应用程序的每个模板/屏幕上。

这甚至可能还是...？

编辑:我尝试在 App.vue 文件的属性中输入样式，但它不适用于 App.vue 以外的任何其他地方。

Answer 1

我知道的唯一方法是在 vue 组件的脚本部分而不是样式标签中编写样式，然后像这样应用它:

<view :style='styleobj.styleClass'></view>

因此您可以创建带有变量的 javascript 文件并手动将其导入到每个组件，或全局导入到 Vue.prototype。