oblador / oblador/react-native-vector-icons

Support web as a first class citzen

Open
#367 18 comments 10 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
17.9k
Forks
2.1k
Avg merge
1d 5h
Merged PRs (30d)
3

Description

react-native-web is great to share code between mobile and web, but currently react-native-vector-icons does not support it.

I see that there are some instructions in the docs, that's not enough because the real solution is to be able to use the same code without any change:

import Icon from 'react-native-vector-icons/ABC';
...
    <Icon name="xyz" />
...

I also just found the PR #133 which unfortunately didn't get merged.
I hope we can continue the discussion to support web platform out of the box.

Maybe also distributed multiple font formats like WOFF.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reviewing the existing documentation instructions and the discussion in PR #133 to understand the prior approach and unresolved constraints. Trace how the icon import and font assets are currently handled for native platforms. Done means the documented example works unchanged with react-native-web and the supported web font formats are clearly defined and tested.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, web-dev
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.