callstack / callstack/react-native-paper

How to have a label and a placeholder on a textinput at the same time

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

描述

### Ask your Question

If you have both a `label` and a `placeholder` prop at the same time, then on initial render, the label will show but then the placeholder doesnt show until the input is focused like so:

https://github.com/callstack/react-native-paper/assets/56619430/7a23d59d-b705-461f-ab4a-43636b12b904

is there a way to have both the label and the placeholder exist at the same time even when the input isnt focused. in other words, is there a way to make the text input always look like this with the label at the top?
![Screen Shot 2024-03-21 at 11 02 34 PM](https://github.com/callstack/react-native-paper/assets/56619430/83599277-fb28-4f00-af5f-4dfa992d5ce6)

贡献指南

打开贡献指南

调研方向

从 TextInput 组件的入口点及其对 label 和 placeholder props 的处理开始。重现 issue 中描述的初始未聚焦状态,然后检查现有的测试或有关 TextInput 行为的文档。当 label 保持在顶部,并且 placeholder 在聚焦前也可见,且预期行为已由测试覆盖时,即视为完成。

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

评估

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

把新 issue 发到你的邮箱

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