Skip to content

fix: 家事詳細画面をスクロール可能にし小さい画面での見切れを解消 - #326

Open
stotic-dev wants to merge 6 commits into
mainfrom
fix/housework-detail-scroll
Open

stotic-dev wants to merge 6 commits into
mainfrom
fix/housework-detail-scroll

Conversation

@stotic-dev

@stotic-dev stotic-dev commented Sep 29, 2026 •

Copy link
Copy Markdown
Owner

経緯

家事詳細画面にコンテンツが多いと、小さい画面(iPhone SEなど)で表示が見切れていたため修正する。

Closes #320

実装内容

  • 項目一覧(HouseworkDetailItemListContent)とアクションボタン(HouseworkDetailActionContent)をまとめて ScrollView で包み、画面に収まらない場合はスクロールできるようにした
    • 画面下部にボタンを固定すると、ボタンが最大3つ並ぶ完了状態では小さい画面で項目一覧の表示領域が狭くなるため、ボタンも含めてスクロールさせる
    • ScrollView の中では Spacer が伸びないため、アクションボタンは画面下部ではなく項目一覧の直下(.space40 の間隔)に配置される。高さを取るための GeometryReader を避け、構造を単純に保つためこのレイアウトとした
  • .scrollBounceBehavior(.basedOnSize) で収まる場合はバウンスさせず、.softTopScrollEdgeEffect() と合わせて同じ機能内の HouseworkThanksView と挙動を揃えた

確認内容

  • swift build が通ること
  • SwiftLint の違反がないこと
  • make test-packages のユニットテストが全て通ること
  • VRT で家事詳細画面のスナップショットに意図しない差分がないこと(CI)
  • 小さい画面の端末(iPhone SEなど)で家事詳細画面を開き、アクションボタンまでスクロールして表示できること
  • 大きい画面の端末で、アクションボタンが項目一覧の直下に表示されること

🤖 Generated with Claude Code

@chatgpt-codex-connector

chatgpt-codex-connector Bot commented Sep 29, 2026 •

Copy link
Copy Markdown

Codex Review Summary

This comment shows the latest Codex review activity on this pull request.

Review Status Commit Review trigger
📝 Code Review ✅ Completed 2026-09-29T16:18:36.262431Z b9c3774 New commits
ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review" or "@codex security review".

Codex reacts with 👀 while any review is running, comments if it has suggestions, and reacts with 👍 once all reviews finish with no findings.

stotic-dev and others added 2 commits September 30, 2026 00:38
doc/adr/0005: Xcode Cloud上で記録した参照PNGの自動commitです。
PRコメントのDangerによるbefore/after画像差分でレビューしてください。
@stotic-dev-bot

stotic-dev-bot commented Sep 29, 2026 •

Copy link
Copy Markdown
Collaborator
File Coverage
LocalPackage/Sources/Features/HouseworkFeature/HouseworkDetailView/HouseworkDetailView.swift 0.0% ⚠️

Generated by 🚫 Danger Swift against 82532b2

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

@chatgpt-codex-connector chatgpt-codex-connector Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: a6a98cc02e

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

  • Open a pull request for review
  • Mark a draft as ready
  • Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

Comment on lines +52 to +53
ScrollView {
VStack(spacing: .space40) {

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

P1 Badge Update the full-screen detail snapshots

When VRT runs, this layout renders the action button directly below the item list instead of at the bottom, but all four existing HouseworkDetailView_0-* baselines under hometeSnapshotTests/__Snapshots__/PreviewTests.generated remain byte-identical to the parent commit. The snapshot test will therefore compare the new render against the old layout and fail for both tested devices and color schemes; regenerate and commit those full-screen detail baselines after this change.

Useful? React with 👍 / 👎.

…scroll

# Conflicts:
#	LocalPackage/Sources/Features/HouseworkFeature/HouseworkDetailView/HouseworkDetailView.swift
doc/adr/0005: Xcode Cloud上で記録した参照PNGの自動commitです。
PRコメントのDangerによるbefore/after画像差分でレビューしてください。
@stotic-dev-bot

Copy link
Copy Markdown
Collaborator

snapshotの変更

更新ファイル: HouseworkDetailView_0-iPhone-16-dark.1.png

before after
image image

更新ファイル: HouseworkDetailView_0-iPhone-16.1.png

before after
image image

更新ファイル: HouseworkDetailView_0-iPhone-SE-2nd-generation-dark.1.png

before after
image image

更新ファイル: HouseworkDetailView_0-iPhone-SE-2nd-generation.1.png

before after
image image

Generated by 🚫 Danger Swift against 82532b2

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

家事詳細画面にコンテンツが大量に入ると、小さい画面だと表示が見切れる

2 participants