手机端阅读 md 文件:轻微上下滑动被误判为左右滑动切换文档,且正文左右无留白
- Dominant language
- TypeScript
- Stars
- 2.7k
- Forks
- 395
- Avg merge
- 21h 48m
- Merged PRs (30d)
- 776
Description
**提交人**: 散修院院长
**客户端版本**: 0.1.69
---
## 现象
在手机客户端打开 Markdown(.md)文件阅读时存在两个体验问题:
1. **上下滚动易被识别为左右滑动**:阅读时手指纵向滚动正文,只要轨迹稍微带一点横向偏移,就会被判定为左右滑动手势,触发「切换上一篇/下一篇文档」,阅读位置被打断,长文档几乎没法正常读完。
2. **正文左右无留白**:Markdown 渲染后的文字直接顶到屏幕左右两侧边缘,没有内边距/安全边距,长行文本贴边显示,阅读舒适度差。
## 复现步骤
1. 在手机客户端打开一个 .md 文件进入阅读视图
2. 用手指上下滑动滚动页面,滑动轨迹略微倾斜(日常滚动自然会带一点横向位移)
3. 观察页面反应;同时观察正文与屏幕左右边缘的间距
## 期望行为
1. 以纵向位移为主的触摸应按滚动处理,只有明显的横向滑动才触发文档切换手势。可考虑加大横向触发阈值、结合滑动方向角/位移比例判断,或在正文滚动过程中禁用切换手势
2. Markdown 正文与屏幕两侧保留合适内边距(如 16–24dp/pt),保证舒适的可读行宽
## 实际行为
1. 稍带横向偏移的上下滚动即被识别为左右滑动,直接切换到上一篇/下一篇文档
2. 正文文字完全顶到屏幕左右两侧,没有任何留白
## 复现频率
高频:按用户描述,稍微带一点横向偏移的滚动即可稳定触发误切换;留白问题为移动端阅读 .md 文件时的普遍表现。
## 已尝试
用户未提及。
---
**版本区域**: CN
**OS**: win32 x64 (10.0.26200)
**Harness**: Pi
**Model ID**: ` glm-5.3-flash `
**界面语言**: zh-CN
Contributor guide
Research direction
Start by locating the mobile Markdown reading view, the document-swipe gesture handler, and the rendered-content layout. Reproduce both issues with a .md file and a slightly diagonal vertical swipe. Done means vertical scrolling no longer switches documents accidentally and the Markdown body has consistent side padding on mobile.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100