callstack / callstack/react-native-paper

feat: modernize Tooltip to the latest Material Design specs

未关闭
#4,980 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
v6
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
12

描述

The goal is to modernize the Tooltip according to the latest specs - see below.

# Current State

## Tooltip

**MD3 spec:** Tooltips
**Specs link:** https://m3.material.io/components/tooltips/specs

### Color tokens

- [ ] Container background uses `theme.colors.onSurface`; spec requires `inverseSurface`
- [ ] Text color uses `theme.colors.surface`; spec requires `inverseOnSurface`

### Shape

- `borderRadius: theme.roundness` = 4dp matches `corner.extraSmall` ✅

### Spacing / sizing

- Container height 32dp ✅
- [ ] Text variant is `labelLarge` (14sp); spec requires `bodySmall` (12sp)

### Behavior

- [ ] Rich tooltip variant not implemented. MD3 defines two variants: plain (text only) and rich (optional title, body text, link, and action buttons). The current `title: string` prop cannot support rich content
- No pointer/caret indicator (not required by spec) ✅

### Animation

- [ ] No enter/exit animation. MD3 specifies a fade transition on show/hide

贡献指南

打开贡献指南

调研方向

从现有的 Tooltip 实现开始,将其当前行为与链接的 Material Design 3 Tooltip 规范进行比较。检查清单,包括颜色 token、文本大小、富内容支持和淡入淡出过渡;现有的 title prop 被特别指出。完成意味着实现列出的未勾选要求,同时保持已经匹配的行为不变。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript
领域
design, frontend, mobile
Issue 类型
功能
难度
4/5
预计耗时
3-5 天
活跃度
冷清
描述清晰度
基本清楚
新手友好度
48/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。