docs: add web platform support guide #455
Open
+177
−1
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Add comprehensive documentation for web platform support showing how to use platform-specific files (.web.ts/.native.ts) or custom tab bars to provide JavaScript-based tab implementations on web. The guide includes: - Explanation of why web requires a different approach - Three implementation approaches with pros/cons - Code examples for each approach - Icon library recommendations for cross-platform support - Styling considerations between native and web platforms Updated README and introduction to reference the new web platform guide. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
|
Streamline the guide to focus only on platform-specific files (.web.ts/.native.ts) approach. Removed alternative approaches to keep the documentation concise and easier to follow. Changes: - Removed "Custom Tab Bar" approach - Removed "Conditional Platform Rendering" approach - Simplified icon support section - Removed comparison table - Reduced from 265 to 138 lines 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
Updated web platform support guide to reflect actual icon handling patterns used in the example app: - Show Platform.OS conditional for iOS SF Symbols vs Android/web PNG assets - Use require() for PNG/SVG files instead of icon component libraries - Add focused/unfocused icon pattern example - Remove icon library examples in favor of image asset approach - Demonstrate cross-platform pattern that works on iOS, Android, and web This matches the patterns in apps/example/src/Examples/ directory. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Add comprehensive documentation for web platform support showing how to use platform-specific files (.web.ts/.native.ts) or custom tab bars to provide JavaScript-based tab implementations on web.
The guide includes:
Updated README and introduction to reference the new web platform guide.
🤖 Generated with Claude Code
PR Description
How to test?
Screenshots