Questions tagged [react-native-web]

react-native-web is a library aims to make react-native projects able to run in web browser, by providing the same Components and APIs of react-native for web.

534 questions
3
votes
0 answers

Accessible and styleable button in React Native Web?

I need to have a "button" as in a clickable element that performs an action. On the web I would normally use an actual button element: However in React Native the Button component isn't very stylable, so most people use…
Evanss
  • 23,390
  • 94
  • 282
  • 505
3
votes
0 answers

Android app crash with error 'com.facebook.jni.CppException : Can't find variable: setTimeout' android 64 bit APK with React native 0.59.10

App crashing on launch with setTimeOut error I have created project using create-react-native-web command & upgraded 0.55.x to 0.59.10 for android 64 bit support using…
Sunil Date
  • 61
  • 6
3
votes
0 answers

Should I use react-native-web to convert a React-native app to a web app or implement it from scratch on React JS

I couldn't find a deep comparison between developing a new web application VS refactoring an existing react native source code using react-native-web or expo. (For creating new Web App based on react native app source code). Our team developed react…
U.Rush
  • 398
  • 2
  • 7
3
votes
1 answer

Best practices for universal app using RN, React Navigation, and React Native Web

The recent release of Expo makes it simple, or at least possible, to add support for web to a React Native app. Assuming one is using RNW and React Navigation, what are best practices for building an app that will work as both a mobile app and a…
Otto
  • 1,675
  • 2
  • 19
  • 30
3
votes
1 answer

DatePicker component native handling for react-native-web

currently we are using react-date-picker (version: "react-native-web": "^0.11.1") Do you know how to customize this library to using native design for each platform? Or do you know about some another library for this purpose? I am aware of the…
M. Falex
  • 79
  • 2
  • 8
3
votes
2 answers

Attempted import errors in react-native-web monorepo architecture

Hi there, I am following this article to setup a react-native + web code sharing. Here is the repo link with bare-bone monorepo setup as described in above article. I successfully did setup bare-bone monorepo app as described in above article, than…
3
votes
0 answers

React Native Web - Module not found: Can't resolve '../../App'

My Expo React Native app works on Expo iOS. However, when I press W in the Ubuntu terminal and am taken to my web browser, the webpage displays the following: /home/pixel/Documents/Name/Project/node_modules/expo/AppEntry.js Module not found: Can't…
Lucien
  • 776
  • 3
  • 12
  • 40
3
votes
1 answer

Suggestions on how to handle EndToEnd testing for a React Native + React Native Web Stack?

Wondering if others have come into this problem space as well and what their findings were. We have a react native + react native web application that shares the same code and would like to add functional testing that also shares the same test code…
3
votes
1 answer

react-native-web: Failed to compile (react-native-vector-icons)

When building react-native-web, the error below appears: ERROR in ./node_modules/react-native-vector-icons/lib/create-icon-set.js 43:21 Module parse failed: Unexpected token (43:21) You may need an appropriate loader to handle this file type,…
3
votes
1 answer

Expo for Web failed to compile because of native base module

I'm trying to get the "expo for web" part working for my managed expo project. I upgraded my managed expo project to expo sdk 33 so that I could also deploy my app on the web platform and ideally have it hosted from firebase. I followed official…
Andrew Irwin
  • 691
  • 12
  • 40
3
votes
2 answers

Responsive React-native-web layout

I'm trying to create a dashboard layout from a react-native project. The idea is to keep most of the code similar for Android, iOS and Web only the layout or navigation style will change. But I find making this type of layout in web is easy but to…
Shrikant
  • 324
  • 5
  • 17
3
votes
1 answer

Unhandled JS Exception: Can't find variable: require

React native Version: 0.57.3 Android: Google Pixel 3 API - 28 iOS: iPhone 8 plus - 11.4 react-native-web: 0.10.0 I am trying to run my react-native-web app which is running fine on the web. I have run into this issue after trying to solve babel…
atitpatel
  • 3,104
  • 1
  • 24
  • 34
3
votes
1 answer

"Unhandled JS Exception: Can't find variable setTimeout" in iOS only

I'm trying to create a react-native-for-web app to build for iOS and web platforms. A solution to my question will get the xcode/mac Simulator running with hot reloading of the iOS version, while also running the web version, of a…
roberto tomás
  • 4,435
  • 5
  • 42
  • 71
3
votes
1 answer

Why does NetInfo not work for Web but works for Android (react-native-web)?

When using react-native-web NetInfo works fine for Android and iOS but is not working for web. To confirm the code being run for web is the same as Android I console log in the componentDidMount and both Android and Web display the text. However the…
P-Rick Stephens
  • 235
  • 1
  • 5
  • 15
3
votes
1 answer

How to use react-native-web with Typescript

I've created the application using create-react-native-app. Commands which I use to run and make production build are: "scripts": { "web": "react-scripts start", "build": "react-scripts build" } For react native I can use…
Nikita
  • 4,435
  • 3
  • 24
  • 44