# TouchCbView - 按压态回调视图

## 说明

可点击的 View 组件，与 `TouchableView` 的区别在于支持 render prop 模式——通过 `children(pressed)` 获取当前按压状态，用于自定义按压态 UI 效果。

## 属性

| 属性 | 说明 | 类型 | 默认值 | 必填 |
|------|------|------|--------|------|
| **children** | 子内容，支持 render prop `(pressed: boolean) => ReactNode` | `ReactNode \| (pressed: boolean) => ReactNode` | - | 是 |
| **onPress** | 点击回调 | `() => void` | - | 否 |
| **onLongPress** | 长按回调 | `() => void` | - | 否 |
| **onPressOut** | 按压结束回调 | `() => void` | - | 否 |
| **disabled** | 是否禁用 | `boolean` | `false` | 否 |
| **viewStyle** | 容器样式 | `ViewStyle` | `{}` | 否 |
| **delayLongPress** | 长按延迟（ms） | `number` | `100` | 否 |
| **delayPressIn** | 按下延迟（ms） | `number` | `100` | 否 |
| **delayPressOut** | 抬起延迟（ms） | `number` | `100` | 否 |

## 使用示例

```tsx
import { TouchCbView } from 'mhui-rn';

// render prop 模式
<TouchCbView onPress={handlePress}>
  {(pressed) => (
    <View style={{ opacity: pressed ? 0.6 : 1 }}>
      <Text>自定义按压效果</Text>
    </View>
  )}
</TouchCbView>

// 普通模式
<TouchCbView onPress={handlePress}>
  <Text>普通子内容</Text>
</TouchCbView>
```

## 注意事项

- 需要按压态视觉反馈时优先使用 `TouchableView`（自带统一按压色效果）
- `TouchCbView` 适用于需要自定义按压态 UI 的场景（如改变透明度、切换图标颜色等）