Skip to content

Commit e566af4

Browse files
authored
Apply suggestion from @okwasniewski
1 parent 770a69d commit e566af4

File tree

1 file changed

+0
-53
lines changed

1 file changed

+0
-53
lines changed

docs/docs/docs/guides/web-platform-support.md

Lines changed: 0 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -107,59 +107,6 @@ export default function App() {
107107
}
108108
```
109109

110-
## Icon Support
111-
112-
Icons can be provided using different methods depending on your platform:
113-
114-
### SF Symbols (iOS only)
115-
116-
```tsx
117-
options={{
118-
tabBarIcon: () => ({ sfSymbol: 'house' }),
119-
}}
120-
```
121-
122-
### Image Assets (PNG/SVG)
123-
124-
Use `require()` for PNG or SVG files. This works on iOS, Android, and web:
125-
126-
```tsx
127-
options={{
128-
tabBarIcon: () => require('../assets/icons/home.png'),
129-
}}
130-
```
131-
132-
```tsx
133-
options={{
134-
tabBarIcon: () => require('../assets/icons/home.svg'),
135-
}}
136-
```
137-
138-
### Cross-Platform Pattern
139-
140-
For a single codebase supporting iOS, Android, and web, use Platform-specific conditionals:
141-
142-
```tsx
143-
import { Platform } from 'react-native';
144-
145-
options={{
146-
tabBarIcon: () =>
147-
Platform.OS === 'ios'
148-
? { sfSymbol: 'house' }
149-
: require('../assets/icons/home.png'),
150-
}}
151-
```
152-
153-
### Focused/Unfocused Icons
154-
155-
```tsx
156-
options={{
157-
tabBarIcon: ({ focused }) =>
158-
focused
159-
? require('../assets/icons/home-filled.png')
160-
: require('../assets/icons/home-outline.png'),
161-
}}
162-
```
163110

164111
## Additional Resources
165112

0 commit comments

Comments
 (0)