reactjs 如何在UI Kitten中切换到材质设计?

bweufnob  于 2022-12-29  发布在  React
关注(0)|答案(1)|浏览(169)

我想使用UI Kitten,我在文档中看到了使用Material Design和伊娃Design的组件示例,我想知道如何切换到不同的样式,但我没有找到任何关于如何操作的内容。
enter image description here
enter image description here
但我在文档中没有找到任何关于如何操作的内容。

nhhxz33t

nhhxz33t1#

您需要使用ApplicationProvider并提供@eva-design/eva@eva-design/material主题属性。

import React, {useState} from 'react';
import { ApplicationProvider, Layout, Text } from '@ui-kitten/components';
import * as eva from '@eva-design/eva';
import * as material from '@eva-design/material';

export default () => (
  const [theme, setTheme] = useState()
  <ApplicationProvider {...eva} theme={eva.light}>
    <Layout>
      <Button onPress={() => setTheme(material.light)}>
        Siwtch to material
      </Button>
    </Layout>
  </ApplicationProvider>
);

相关问题