question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

using react-native-elements with expo web v33

See original GitHub issue

Hello All,

I have been using react-native-elements with react native web for some time now. I recently upgraded to expo v33 and it supports web now. I am wondering if anyone knows what should I put in webpack.config.js so it works with expo web.

A sample webpack.config.js from expo is given below. Any suggestion how to add instruction to transpile react-native-elements in here

======================================= const merge = require(‘webpack-merge’); // This will automatically get the dev/prod config based on process.env.NODE_ENV. const expoConfig = require(‘@expo/webpack-config’);

// Create a loader which can import .obj & .mtl (popular 3D model files (not popular enough to be part of the default config though… 😏)) const modelLoaderConfiguration = { test: /.(obj|mtl)$/, use: { loader: ‘file-loader’, }, };

// Expo expects a function so we can pass around options. module.exports = function(env, argv) { return merge(expoConfig(env, argv), { module: { rules: [modelLoaderConfiguration], }, }); };

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:9

github_iconTop GitHub Comments

2reactions
iRoachiecommented, Oct 3, 2019

Actually right now if you’re using later version of expo, there’s no configuration needed.

I just created a fresh expo project, and added react-native-elements.

npm start
"press w"

Project works fine!

image

1reaction
iRoachiecommented, Oct 4, 2019

Hey @tafelito just letting you know we released a new version to fix this. v1.2.5

Read more comments on GitHub >

github_iconTop Results From Across the Web

Create a React Native Web App with Hooks, Bells, and ...
Recap: We've created a new Expo / React Native Project and implemented a simple and unstyled tab navigation. Our next steps will be...
Read more >
Does Expo Support React Native Web? - 2022 - InApps
answer: yes, expo supports react NATIVE web since SDK version 33. Expo SDK v33 is the first SDK which supports the web. It...
Read more >
Getting Started - React Native Elements
The aim of React Native Elements is to provide an all-in-one UI kit for creating apps in react native. There are many great...
Read more >
Installation - React Native Elements
React Native Elements just like on mobile can be used in your web projects. This is possible using react-native-web. We'll highlight how to...
Read more >
Overview | React Native Elements
The aim of React Native Elements is to provide an all-in-one UI kit for creating apps in react native. There are many great...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found