NutUI nut-category 自定义分类

NutUI是一个基于React Native的高性能、轻量级的UI组件库，它旨在提供一套简洁易用的设计解决方案，适用于构建原生体验的应用。nut-category通常指的是NutUI中的自定义分类功能，这个模块允许开发者对应用中的内容或组件进行分组管理，比如按照类别显示产品、文章或者功能菜单。

在NutUI中，要创建自定义分类，一般需要以下几个步骤：

1. 定义分类数据结构：首先，你需要定义一个表示分类的数据模型，包含类别名称（如"热门"、"新品"）和对应的标识（ID）。

type Category = {
  id: string;
  name: string;
};

2. 创建分类组件：然后创建一个可以复用的分类选择组件，展示所有的分类选项，并允许用户选择。

import { View, Text } from 'react-native';
import { Picker } from '@nutui/nut-picker';

const CustomCategoryPicker = ({ categories, onCategoryChange }) => (
  <Picker data={categories} onChange={(value) => onCategoryChange(value)} />
);

3. 使用分类组件：在需要的地方渲染分类选择器，并将选中的类别作为props传递给其他组件，以便动态调整展示的内容。

<CustomCategoryPicker categories={allCategories} onCategoryChange={handleCategoryChange} />
...
{selectedCategory && <ItemsByCategory category={selectedCategory} />}