callstack / callstack/react-native-paper
Label clips when calling render function prop of TextInput component in outline mode
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
### Current behaviour
The label of TextInput component clips in outline mode when I call the render function prop. I am calling the render prop so as to render my Custom input, in this case a dropdown select input. Space is sufficient so it should not clip the label. Is the their a way to work around it ?
### Expected behaviour
Should not clip the label
### How to reproduce?
### Preview
### What have you tried so far?
I have tried applying different styles but still not working
### Your Environment
| software | version
| --------------------- | -------
| ios | x
| android | 14
| react-native | 0.73.4
| react-native-paper | 5.12.3
| node | 18.17.1
| npm | 9.6.7
| expo sdk | 50.0.7

贡献指南
调研方向
首先,使用提供的 React Native、React Native Paper 和 Expo 版本,复现 issue 中描述的使用 render prop 和自定义下拉菜单的 TextInput outline-mode 情况。比较带有和不带有自定义 input 时渲染出的 label;当有足够空间时 label 不再被裁剪,即表示完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- react-native, typescript
- 领域
- mobile
- Issue 类型
- 缺陷
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 停滞
- 描述清晰度
- 需要澄清
- 新手友好度
- 35/100