Skip to content

初期画面のPull to Refreshの対象をプリセットカードより下の路線リストのみに限定#6412

Merged
TinyKitten merged 2 commits into
devfrom
claude/pull-refresh-home-scope-s3bvp5
Jul 13, 2026
Merged

初期画面のPull to Refreshの対象をプリセットカードより下の路線リストのみに限定#6412
TinyKitten merged 2 commits into
devfrom
claude/pull-refresh-home-scope-s3bvp5

Conversation

@TinyKitten

@TinyKitten TinyKitten commented Jul 12, 2026

Copy link
Copy Markdown
Member

概要

初期画面(路線選択画面)の Pull to Refresh の対象を、プリセットカードより下の路線リストだけに限定しました。従来は画面全体が単一のスクロールビューで RefreshControl を保持していたため、プリセットカード上を含め画面のどこを下に引っ張っても最寄り駅の再取得が発火していました。

変更の種類

  • バグ修正
  • 新機能
  • リファクタリング
  • ドキュメント
  • CI/CD
  • その他

変更内容

  • プリセットカルーセルを NowHeader 直下に固定表示する独立領域へ切り出し、スクロール/Pull to Refresh の対象外にした
  • プリセットより下の路線リスト・バス路線のみを RefreshControl 付きの Animated.ScrollView に配置し、Pull to Refresh の対象をそこだけに限定した
  • 固定ヘッダー分のオフセットが不要になったため RefreshControlprogressViewOffset を削除
  • ルートコンテナは上下のセーフエリアを担う NowHeader / FooterTabBar(いずれも絶対配置オーバーレイ)に委ねられるため SafeAreaView を通常の View に変更(フルブリードのカルーセル・カードの 24px ガター・フッター分の下端余白は維持)
  • プリセットは最寄り駅データと独立しているため最寄り駅ローディング中も常時表示に変更し、レンダーテストのアサーションを更新

テスト

  • npm run lint が通ること
  • npm test が通ること
  • npm run typecheck が通ること

関連Issue

スクリーンショット(任意)


Generated by Claude Code

Summary by CodeRabbit

  • 改善
    • 近くの駅情報を読み込み中でも、プリセット路線を常に表示できるようになりました。
    • 路線リストの読み込み状態が、より分かりやすく表示されるようになりました。
    • プリセットと路線リストの配置を見直し、画面上部の表示とスクロール時のレイアウトを改善しました。
    • 路線リスト下部の余白や更新操作時の表示を調整しました。

@coderabbitai

coderabbitai Bot commented Jul 12, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

Warning

Review limit reached

You’ve reached a temporary PR review limit under our Fair Usage Limits Policy.

Your recent review volume is higher than typical usage, so adaptive limits are currently applied.

Next review available in: 52 minutes

Your organization has reached its usage spending cap. Adjust your spending cap in the billing tab.

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: d80117d2-ac25-41c8-98cb-80a3f0cf2a78

📥 Commits

Reviewing files that changed from the base of the PR and between 902cd0c and eda62fd.

📒 Files selected for processing (1)
  • src/screens/SelectLineScreen.tsx
📝 Walkthrough

Walkthrough

SelectLineScreen のプリセット固定表示と路線リストの余白処理を更新し、RefreshControl設定を整理しました。ローディング状態テストでは、ローディング中もプリセットを表示する期待値に変更しています。

Changes

SelectLineScreenレイアウト

Layer / File(s) Summary
プリセットと路線リストのレイアウト構造
src/screens/SelectLineScreen.tsx
外側コンテナをViewに変更し、プリセットを固定配置しました。路線リストには状態に応じた上端余白と固定基準値による下端余白を適用し、RefreshControlの設定を整理しました。
ローディング状態テストの更新
src/screens/SelectLineScreen.render.test.tsx
近隣駅情報のローディング中もプリセットが表示され、路線リスト用スケルトンの表示状態を検証するテストに更新しました。

Estimated code review effort: 2 (Simple) | ~10 minutes

Poem

ぴょんと跳ねるよ、白うさぎ
プリセットはいつも見える
リストの余白も整って
スケルトンをそっと確認
新しい画面に、にんじん拍手!

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Title check ✅ Passed タイトルはPRの主変更である初期画面のPull to Refresh対象の限定を的確に表しています。
Description check ✅ Passed テンプレートの必須項目は概ね揃っており、任意の関連Issueとスクリーンショットが未記載でも問題ありません。
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch claude/pull-refresh-home-scope-s3bvp5

Comment @coderabbitai help to get the list of available commands.

@TinyKitten TinyKitten self-assigned this Jul 12, 2026
@github-actions github-actions Bot added the react label Jul 12, 2026
@TinyKitten

Copy link
Copy Markdown
Member Author

@coderabbitai review

@coderabbitai

coderabbitai Bot commented Jul 13, 2026

Copy link
Copy Markdown
Contributor
✅ Action performed

Review finished.

Note: CodeRabbit is an incremental review system and does not re-review already reviewed commits. This command is applicable only when automatic reviews are paused.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@src/screens/SelectLineScreen.tsx`:
- Around line 304-336: Update the root layout around the styles.root View in
SelectLineScreen to preserve horizontal safe-area insets while leaving vertical
insets to the overlay handling. Use SafeAreaView or equivalent with only the
left and right edges enabled, ensuring presets and the scrollable line list
remain protected from side notches on landscape and tablet layouts.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: 9824500e-081f-494d-bd2e-41b8c234e421

📥 Commits

Reviewing files that changed from the base of the PR and between 2f544ac and 902cd0c.

📒 Files selected for processing (2)
  • src/screens/SelectLineScreen.render.test.tsx
  • src/screens/SelectLineScreen.tsx

Comment thread src/screens/SelectLineScreen.tsx
@TinyKitten TinyKitten merged commit 6bfde55 into dev Jul 13, 2026
6 checks passed
@TinyKitten TinyKitten deleted the claude/pull-refresh-home-scope-s3bvp5 branch July 13, 2026 00:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants