callstack / callstack/react-native-paper
TextInput mode=outline label animation was initially offset
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
### Current behaviour
After the page/screen loads, when the TextInput mode=outline has a value, the label is initially positioned at the right which results in overlapping with the outline, then does a sliding animation to the left.

See video:
https://github.com/user-attachments/assets/202e3c1e-3b1a-4314-900a-83d2f6e47d0f
### Expected behaviour
No sliding animation like in V4.
### How to reproduce?
a simple: ` `
"No Loops", just plain render of multiple ``
I also created a [Snack sample](https://snack.expo.dev/dczmwbv0Sg2ptnF44p4Qo)
### Preview
### What have you tried so far?
the v4 seems fine, but doesn't support MD3.
### Your Environment
| software | version
| --------------------- | -------
| react-native | 0.74.5
| react-native-paper | 5.12.5
| node | 18.20.5
| npm or yarn | npm@10.8.2
| expo sdk | 51.0.28
贡献指南
调研方向
从 TextInput 的实现开始,根据链接的 Snack 或提供的 value 和 label 重现所描述的输入情况。检查 label 的初始位置及其在渲染时的过渡;当一个填充了内容的 mode="outlined" TextInput 在没有滑动动画的情况下出现在最终位置时,即表示完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react-native, typescript
- 领域
- frontend, mobile
- Issue 类型
- 缺陷
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 48/100