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]
534 questions
5
votes
1 answer
Navigation On The web react-navigation
So i was wondering is there a comprehensive example or library out there that one could use for navigation on web as well as native side.
Maybe a working example one could try out with modal, drawers, and all that fancy stuff.
What is it like using…
Amol Gupta
- 2,054
- 1
- 14
- 29
5
votes
2 answers
Alternative for Modal in React Native Web
The lacking of Modal in React Native Web drove me to build a pop up component that is overlaid on top of the current view.
I have tried with the position 'absolute', top: 0 and left: 0 hack. That works well but it will not work properly if it is…
Voyage_Mystere
- 159
- 1
- 12
4
votes
1 answer
Deploy Expo React Native Web app to a subfolder
How can I have my mobile app also work when deployed to a web server in a subfolder?
I'm trying to create a universal app (native devices and web) using Expo and its create-expo-app boilerplate, which uses React Native and React Native for Web.
When…
Byron
- 309
- 1
- 8
4
votes
1 answer
expo constants not working on web anymore (empty manifest object)
i'm using firebase Auth in my expo app (Google Auth) and in order to do that, I need to set my firebase variables in a .env file (my API_KEYS, AuthDomain ...). I'm using expo constants to get those env variables and use them in my firebase.ts file,…
ghostgarrix
- 41
- 5
4
votes
0 answers
converting react native android to react native web @react-native-picker/picker error
I am trying to convert my react-native android app into a react-native web app. While doing this I got an error in @react-native-picker\picker.
Failed to compile
./node_modules/@react-native-picker/picker/js/PickerIOS.js
Attempted import error:…
Shivam
- 2,147
- 1
- 11
- 28
4
votes
0 answers
Unable to remove existing params in react navigation
I'm using react-navigation v4 for my expo App. For my App I'm using createDrawerNavigator and createSwitchNavigator with createAppContainer and createBrowserApp for web.
My issue is when I'm navigating to a route where I don't want params, there…
zulqarnain
- 1,536
- 4
- 26
- 44
4
votes
0 answers
React-native-element button not showing icon in react-native-web using Next.js
I using react-native-web in Next.js, then I want to use react-native-element library, which depend on react-native-vector-icons.
After read the documenation, Usage On The Web ,and this example here is what I tried:
In my next.config.js:
const…
ken
- 2,426
- 5
- 43
- 98
4
votes
0 answers
How to listen a click event triggered inside webapp on react-native webview
I want to listen a click event triggered inside a webapp , this webapp loads in react-native webview.
So need to listen the click event and then run an async function in react-native.
My use-case is to download a file once save button clicked (This…
Vasant
- 101
- 2
- 10
4
votes
0 answers
Syntax error: 'import' and 'export' may only appear at the top level - despite putting a rule in ESLint
I am trying to turn a React Native app into a React Native Web app as well.
I want to do the following kind of import:
if (Platform.OS !== 'web') {
import { Route, Link, Switch, push, DeepLinking } from "react-router-native";
}
However I get…
Steven Matthews
- 9,705
- 45
- 126
- 232
4
votes
3 answers
Customize TextInput Label of the react-native-paper in the case of React Native Web
I'm working with the React Native Web and React Native Paper library with Styled Components. Basically I would like to customize the TextInput inner components: Label and html input
The questions are:
1) How to change Label styles? eg.…
Velidan
- 5,526
- 10
- 48
- 86
4
votes
0 answers
Can use react native library in react using react-native-web?
I have developed a react-native app. now i want to create web version of app using react-native-web.
I can use built in react-native components inside web app but can't use libraries like react-native-vector-icons, ... .
Is it possible use…
Arash Younesi
- 1,671
- 1
- 14
- 23
4
votes
1 answer
React-Native-Web configuration issue: Module not found: Error: Can't resolve 'react-native-screens'
I'm trying to render a react native app for web using react-native-web, babel, and webpack.
When I start webpack, I get the error below.
As you can see from my web.config.js, I'm included the react native modules I need for rendering the custom…
checkmate711
- 3,301
- 2
- 35
- 45
4
votes
0 answers
React Native -> React Native Web with webpack and JSX
I started a new React Native project (v61.5) with the TypeScript template (npx react-native init MyTSProject --template react-native-template-typescript). It compiles fine with React Native but when I try to add webpack (for React Native Web) I get…
Nicholas J Ingrassellino
- 165
- 1
- 10
4
votes
1 answer
nextjs + react-native-web + styled-components : warnOnce
I'm constantly hitting a wall, when In try to use NextJS with react-native-web and styled-components.
The issues SEEMS to be something related to improper aliasing of "react-native" from within styled-components. I'm unsure how to solve it though.
I…
AHerforth
- 125
- 1
- 2
- 7
4
votes
1 answer
how to check dependency versions in expo react
I am using expo, react native and react together with react native web. I am upgrading to expo@32 and thus react-native@57.1
I am running everything great on phone however not on web. with a dependency error often displayed:
ERROR in…
jkobject
- 71
- 5