[English](./README.md) | 简体中文

# @ray-js/components-ty-config-provider

[![latest](https://img.shields.io/npm/v/@ray-js/components-ty-config-provider/latest.svg)](https://www.npmjs.com/package/@ray-js/components-ty-config-provider) [![download](https://img.shields.io/npm/dt/@ray-js/components-ty-config-provider.svg)](https://www.npmjs.com/package/@ray-js/components-ty-config-provider)

> 为组件提供统一的全局化配置

## 安装

```sh
$ npm install @ray-js/components-ty-config-provider
// 或者
$ yarn add @ray-js/components-ty-config-provider
```

## Usage

```tsx
import ConfigProvider, { useConfig } from '@ray-js/components-ty-config-provider';

const Button = () => {
  const config = useConfig();
  return <View style={{ background: config?.global?.background }}>点击</View>;
};

export default () => (
  <ConfigProvider config={{ background: 'blue' }}>
    <Button />
  </ConfigProvider>
);
```