Как изменить тему в Vue Native?

Question

Я использую Vue Native и пытаюсь сменить тему. Но StyleProvider не берет тему, а выдает предупреждение "Failed prop type: недопустимый стиль поддержки массива типов, предоставленный StyleProvider, ожидаемый объект". Что я сделал не так?

<template>
<nb-style-provider v-bind:style="getTheme(material)">
<nb-container>
<nb-text>Contact</nb-text>
</nb-container>
</nb-style-provider>
</template>
<script>
import Vue from "vue-native-core";
import {VueNativeBase} from "native-base";
import getTheme from './native-base-theme/components';
import material from './native-base-theme/variables/material';

Vue.use(VueNativeBase);
export default {
data: function() {
return {
getTheme: getTheme,
material: material,
};
},
};
</script>

Answer 1

Сейчас вам нужно будет объявить отдельный компонент реакции, чтобы использовать собственную базовую тему, а затем импортировать этот компонент и повторно использовать его в компоненте vue.