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。

Vue Native的全局样式

1 个答案: