javascript - 有没有办法使用 UI Kitten 将主色设置为 Layout 组件的背景色？

Question

我正在使用UI Kitten 4.0构建登录屏幕，并且我想将Layout 组件的背景颜色设置为当前主题的主要颜色。

文档中没有任何关于此的参考，因为它在Button 组件API 页面上。

我想实现类似下面的代码。

import React, { Component } from "react"
import { Layout, Text } from "react-native-ui-kitten"

export default class Login extends Component {
    render() {
        return (
          <Layout primary>
            <Text>Log in</Text>
          </Layout>
        )
    }
}

Answer 1

• “布局”组件中没有“主要”属性。您可以在文档中查看 API：https ://akveo.github.io/react-native-ui-kitten/docs/components/layout/api#layout
• 您可以直接通过“style”属性自定义“backgroundColor”样式：<Layout style={{ backgroundColor: 'red' }}>或通过映射自定义：https ://akveo.github.io/react-native-ui-kitten/docs/design-system/custom-component-mapping #prepare-the-boilerplate

Answer 2

我们也有内置的 API 来访问主题属性。检查小吃