Skip to content

feat: implement tabbed Write/Preview interface in EditorScreen (#1291)#1304

Open
AryanRajuBankar3000 wants to merge 1 commit into
SB2318:mainfrom
AryanRajuBankar3000:feat/editor-tabs-1291
Open

feat: implement tabbed Write/Preview interface in EditorScreen (#1291)#1304
AryanRajuBankar3000 wants to merge 1 commit into
SB2318:mainfrom
AryanRajuBankar3000:feat/editor-tabs-1291

Conversation

@AryanRajuBankar3000

Copy link
Copy Markdown

Description

Closes #1291

What this PR does:
This PR restructures the EditorScreen to use a seamless "Write / Preview" tabbed interface, replacing the previous flow that required a navigation jump to a separate screen.

Why it was implemented:
As discussed in the issue, a split-screen approach reduces mobile typing space. This tabbed approach preserves the full-screen writing area while allowing users to instantly verify their formatting before publishing, resulting in a much better mobile UX.

Technical Details:

  • Added a <TouchableOpacity> tab toggle at the top of the EditorScreen.
  • Successfully reused the existing PreviewScreen component inside the tab to avoid adding any new markdown parsing dependencies.
  • Added type assertions to gracefully handle the screen-to-component navigation prop types.

Screenshots / Screen Recording

(Drag and drop a screenshot of the "Write" tab here)

(Drag and drop a screenshot of the "Preview" tab here)

Checklist

  • I have read the Contributing Guidelines
  • I have tested this on my local machine / Expo Go
  • I'm a GSSoC'26 contributor

@github-actions

github-actions Bot commented Jun 8, 2026

Copy link
Copy Markdown
Contributor

Thank you @, for creating the PR and contributing to our UltimateHealth project 💗.
Our team will review the PR and will reach out to you soon! 😇
Make sure that you have marked all the tasks that you are done with ✅.
Thank you for your patience! 😀

@AryanRajuBankar3000

Copy link
Copy Markdown
Author

Hi @SB2318! I have successfully implemented the tabbed Write/Preview layout using the existing Preview screen logic as you suggested. Everything is running smoothly locally.

Please let me know if you'd like any adjustments to the UI or tab styling!

@rushiii3

rushiii3 commented Jun 8, 2026

Copy link
Copy Markdown
Collaborator

@AryanRajuBankar3000
Could you please share a screenshot of the implementation?

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.

💡[Feature]: Merge Article Editor and Preview into a Tabbed Interface

2 participants