callstack / callstack/react-native-paper

Button showing weird behaviour

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

描述

### Current behaviour
I am using react-native-paper Button in gorhom/bottom-sheet
Sometimes the text inside the button disappears, sometime it shows partially

### Expected behaviour
Text should be shown always

### Preview
![Screenshot 2024-06-11 at 4 11 36 PM](https://github.com/callstack/react-native-paper/assets/24918249/24a2d7a9-311b-418f-aef1-ff0755256e99)
![Screenshot 2024-06-11 at 4 11 23 PM](https://github.com/callstack/react-native-paper/assets/24918249/cf0f6f9a-a032-4a90-916b-e7dfe5a8a8a2)
![Screenshot 2024-06-11 at 4 11 08 PM](https://github.com/callstack/react-native-paper/assets/24918249/68a6ab5c-380b-402a-a812-306611a375d9)

### What have you tried so far?
I tried fixing up with line height and margin vertical.

### Your Environment

| software | version
| --------------------- | -------
| react-native | 0.73.1
| react-native-paper | 5.11.4
| node | 21.7.3
| @gorhom/bottom-sheet | 4.6.1

贡献指南

打开贡献指南

调研方向

首先,使用所列出的 React Native、react-native-paper、Node 和 bottom-sheet 版本,在 @gorhom/bottom-sheet 中复现 Button 的渲染问题。比较文本消失或仅部分显示的情况,并在 Button 文本始终完整可见时认为该问题已完成。

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

评估

技术栈
react-native
领域
mobile
Issue 类型
缺陷
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
35/100

把新 issue 发到你的邮箱

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