如何在Vue Native中更改主题？

Question

我使用Vue Native，并且我正在尝试更改主题。但是StyleProvider没有采用该主题，并且引发警告“失败的prop类型：提供给StyleProvider的预期对象的类型数组的无效prop样式。”我做错了什么？

<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

现在，您必须声明一个单独的react组件以利用本机基本主题，然后导入该组件并在您的vue组件中重复使用。