Go to node_modules/react-native-vector-icons/Fonts and copy all the fonts you need and paste them in your public folder, and just the way you add custom fonts to the project, you need to include all those fonts like so in your style.Lists Unordered Lists Ordered Lists Other Lists HTML Block & Inline HTML Classes HTML Id HTML Iframes HTML JavaScript HTML File Paths HTML Head HTML Layout HTML Responsive HTML Computercode HTML Semantics HTML Style Guide HTML Entities HTML Symbols HTML Emojis HTML Charset HTML URL Encode HTML vs. Transform all direct `react-native` imports to `react-native-web` Update your const withPlugins = require('next-compose-plugins') Ĭonst withTM = require('next-transpile-modules')() Yarn add react-native-vector-icons react-native-svg next-compose-plugins next-transpile-modules I will give you a step by step breakdown on how you can make it work on web. So lets assume you use nextjs and react-native-web. Access vector, png, & pdf from Mac, PowerPoint, Adobe, Google, more. I don't know why the icons are not loading or what I missed to configure. Over 5 million art-quality icons and free photos. Module.exports = function override(config, env) )īelow is the use of react-native-vector-icons in my App.js file import Icon from 'react-native-vector-icons/dist/FontAwesome' Include: path.resolve(_dirname, "././node_modules/react-native-vector-icons"), below is the config for react-native-vector-icons our packages that will now be included in the CRA build step I've set up Webpack as per the description hereīelow is my Webpack config config-overrides.js: const fs = require('fs') Ĭonst appDirectory = fs.realpathSync(process.cwd()) Ĭonst resolveApp = relativePath => path.resolve(appDirectory, relativePath) after installed react-native-vector-icons I've run the code in all three platforms and it works fine in Android and iOS but not in Web.
I am sharing the same codebase for Android, iOS and Web.
Popular icon packs include: Social Media Icons, Business Icons, Arrow Icons, or Food Icons. I've setup monorepo project with react-native and react-native-web. Icon Packs Thousands of vector icon packs to chose from.
0 kommentar(er)
