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.
Questions tagged [react-native-web]
355 questions
25
votes
2 answers
how to use react-native-web and react-navigation together and access from web url
UPDATE:
react-navigation web support is done. follow this:
https://reactnavigation.org/docs/en/web-support.html
ORIGIN:
I try to share my code between react-native and web.
when I try react-native-web, it works well.
but there is only one question,…
![](../../users/profiles/535976.webp)
GeminiYellow
- 978
- 11
- 33
16
votes
3 answers
how to solve this error You may need an appropriate loader to handle this file type
I got this error with this library https://github.com/react-native-web-community/react-native-web-linear-gradient/
the error link
https://github.com/react-native-web-community/react-native-web-linear-gradient/issues/1
details of error:
Module parse…
![](../../users/profiles/3077941.webp)
amorenew
- 9,874
- 8
- 40
- 64
10
votes
2 answers
How do I access children components of a reference in React Native Web?
I have some references in a React Native Web application - these references work on React Native, but not RNW.
For example, I have this code:
this.highlight.current._children[i].setNativeProps({ style: { backgroundColor: "black" }…
![](../../users/profiles/756566.webp)
Steven Matthews
- 8,255
- 33
- 98
- 186
10
votes
3 answers
React-Native-Web vs ReactJS
Just happened to see React-Native-Web(RNW) , my thought was
what? Why do we need another React for Web version? We have already had ReactJS(RJS).
So I went to its website and saw the document saying it allows you to use Native component by using…
![](../../users/profiles/601862.webp)
Franva
- 5,410
- 16
- 62
- 122
10
votes
8 answers
how to make react native web full height?
I am using react native web library but I can't make full height on web
Code:
import React from 'react';
import {StyleSheet, View, Text, TouchableOpacity} from 'react-native';
class index extends React.Component {
render() {
return (
…
![](../../users/profiles/3077941.webp)
amorenew
- 9,874
- 8
- 40
- 64
9
votes
2 answers
Expo Web failed to compile "optional chaining"
Looks like Expo Webpack doesn't optional chaining.
I found this when I tried to install UI Kitten to Expo Web app.
This is the compile error after I added UI Kitten to the newly created Expo…
![](../../users/profiles/8659054.webp)
sujameslin
- 131
- 6
9
votes
2 answers
react-navigation for react-native-web?
Need to reuse the react-navigation code from mobile to react-native-web. But I could not able to get it work in web.
Should we need to use react-router for web separately?
How can we configure navigation commonly for both platform?
I would love…
![](../../users/profiles/3694459.webp)
Balasubramanian
- 4,342
- 3
- 28
- 51
8
votes
0 answers
Is there any react-native-web compatible date picker?
I'm currently working on a react-native project using expo. A lot of the react-native components I'm using translate well with react-native-web. But I'm having a hard time finding a date-picker library that renders properly on both IOS/Android and…
![](../../users/profiles/8832356.webp)
Gaber
- 81
- 3
8
votes
3 answers
react-native-web, DatePicker component?
I was hoping to use https://github.com/xgfe/react-native-datepicker with react-native-web but it's not compatible I think.
Is there other library that offers native datepicker look as in the image which are compatible with react-native-web?
![](../../users/profiles/433570.webp)
eugene
- 33,301
- 47
- 188
- 382
7
votes
0 answers
ResourceSavingSceneView: Unexpected token (33:11) when running react-scripts start
I am using react-native-web with react-navigation 3.x.
Then I am running react-scripts start
a
and I have this error:
./node_modules/@react-navigation/native/dist/ResourceSavingSceneView.js
SyntaxError:…
![](../../users/profiles/10479263.webp)
Anjar Wicaksono
- 87
- 3
7
votes
2 answers
Install local package as dependency with react-native
I am trying to use a package from a relative path and I have done npm install ../../ExamplePackage and react-native install ../../ExamplePackage. These packages are relative by multiple levels and not just one.
I am getting the following…
![](../../users/profiles/7078640.webp)
Vikash Agrawal
- 71
- 1
- 6
7
votes
2 answers
Unable to run webpack-dev-server on react-native-web. ERROR: You may need an appropriate loader to handle this file type
I am trying to dive into React ecosystem and having issues with using react-native-web with my React Native Application. I have hosted the application on https://github.com/thedarklord1/testNativeWithWeb. I have used Redux Store and React Native to…
![](../../users/profiles/520554.webp)
Abhishek
- 2,183
- 3
- 30
- 41
6
votes
0 answers
Optimising Expo build:web
I have built an application in React Native for iOS and Android but I'd also like to make available via a web app. It all works great but the performance on the web app is a problem.
The file size build is 2.02MB. Is there a way to optimise this…
![](../../users/profiles/13382938.webp)
Jon
- 101
- 5
6
votes
1 answer
Change border color of TextInput when focused in react-native-web (expo)
In the last versions of Expo there is a Web support. In the picture you see a normal TextInput created with React Native & rendered in the Web.
How can I change the color of the TextInput Border that is activated on focus? You see an orange border…
![](../../users/profiles/3160135.webp)
Arbnor
- 1,488
- 12
- 22
6
votes
2 answers
How to override React native web pre defined css
I'm Converting my expo app to react-native-web, I have an issue when I'm showing Image. by default react-native-web adding a class to Image with position:absolute. I want to override that class, here is my code.
React-native Code
![](../../users/profiles/4909563.webp)
zulqarnain
- 1,087
- 2
- 17
- 31