Глобальный стиль для Vue Native - PullRequest
Новая
       25

Глобальный стиль для Vue Native

0 голосов
/ 06 ноября 2019

Итак, у меня есть базовое приложение 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>

Чего я пытаюсь достичькаким-то образом создать файл или даже написать атрибут Styling in Style в файле App.vue, но сделать так, чтобы он применялся глобально - на каждом шаблоне / экране приложения.

Это вообще возможно или ...?

РЕДАКТИРОВАТЬ: я попытался ввести стиль в атрибуте файла App.vue, но он не применяется нигде, кроме как в App.vue.

...