如何在 Ui Kitten 中切换到材料设计？

【问题标题】：How to switch to material design in Ui Kitten?如何在 Ui Kitten 中切换到材料设计？
【发布时间】：2023-02-01 14:03:47
【问题描述】：

我想使用 UI 小猫。我在使用 Material Design 和 Eva Design 的组件的文档示例中看到过。我想知道如何切换到不同的样式。但我没有找到任何关于如何做到这一点的信息。

但是我没有在文档中找到任何有关如何操作的信息。

【问题讨论】：

标签： reactjs react-native react-native-ui-kitten

【解决方案1】：

您需要使用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>
);

【讨论】：