Skip to content

[cli] Fix Nativewind home layout and rerun-hint quoting#611

Closed
danstepanov wants to merge 2 commits into
nextfrom
fix/nativewind-home-layout
Closed

[cli] Fix Nativewind home layout and rerun-hint quoting#611
danstepanov wants to merge 2 commits into
nextfrom
fix/nativewind-home-layout

Conversation

@danstepanov

Copy link
Copy Markdown
Member

Description

Three small fixes for issues spotted while testing generated apps:

  • Description text clipped mid-sentence: ScreenContent centers its children (items-center), so EditScreenInfo's unconstrained outer View sized itself to the text's intrinsic single-line width and the description clipped at the screen edge ("Change any of the text, save the file, and…"). Give the outer View w-full so the text wraps within the screen.
  • Show Details button touched the screen edges: the stack home screen's button wrapper only had safe-area padding, which is zero horizontally on iPhones in portrait. Add px-6.
  • Rerun hint quoted every project name: the "To recreate this project" command showed npx rn-new@latest 'my-app' even for names that need no quoting. quoteShellArg now returns safe-charset values unchanged and only quotes names with spaces or other special characters.

Related Issue

N/A — spotted during manual testing of generated apps.

Motivation and Context

Fresh --nativewind --expo-router projects had visibly broken layout on first launch.

How Has This Been Tested?

  • bun run build (tsc + ejslint) passes
  • Generated --nativewind --expo-router projects and verified the new classes land in the output and the project typechecks (tsc --noEmit exit 0)
  • Verified the rerun hint prints quotetest unquoted and 'quote test' quoted

Screenshots (if appropriate):

Before: button spans the full screen width; description text ends mid-sentence at the screen edge.


Generated by Claude Code

ScreenContent centers its children, so EditScreenInfo's unconstrained
outer View sized to the text's intrinsic single-line width and the
description clipped at the screen edge. Give it w-full so the text
wraps within the screen.

The stack home button wrapper only had safe-area padding, which is
zero horizontally on iPhones, so the button touched the screen edges.
Add px-6.
quoteShellArg wrapped every project name in quotes, so the
'To recreate this project' hint showed npx rn-new@latest 'my-app'
even for names that need no quoting. Return safe-charset values
unchanged and keep quoting for names with spaces or other special
characters.
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.

1 participant