Comments (4)
I am also porting my RN project to web and would like to hide the params from the URL.
I am sending an object as a route param to a new page and my URL is polluted with something like
http://localhost:19006/undefined?group=%5Bobject%20Object%5D
Besides this example, I would like to generally not show the params in the URL. Is there any way to hide them?
from web.
@steventilator A better way to handle this is to have the constructor
or componentDidMount
assign the function to a file level scoped variable that then would get used in your navigationOptions
callback. Would have to have a dummy function assigned or check for undefined/null in case navigationOptions
gets called before componentDidMount
/constructor
.
from web.
I have same problem with hiding params in URL but I don't send it as params, when component request an API call with some filters, this filter is added to url. How can I prevent it?
thanks
from web.
I removed them adding the following custom getPathFromState
to linkingOptions.
This code removes all object and function parameters from the url.
const linking = {
config: {
screens: {
...
}
},
getPathFromState: (state, options) => {
const cleanState = {
...state,
routes: state.routes.map(route => {
if(!route.params) {
return route
}
const cleanParams = {}
for(const param in route.params) {
const value = route.params[param]
if(typeof value !== "object" && typeof value !== "function") {
cleanParams[param] = value
}
}
return {
...route,
params: cleanParams,
}
}),
}
return getPathFromState(cleanState, options) //imported from @react-navigation/native
},
}
from web.
Related Issues (20)
- goBack
- navigation.dispatch, Go Back Not working HOT 9
- onNavigationStateChange Props is missing HOT 1
- Uncaught DOMException: Failed to execute 'pushState' on 'History' HOT 7
- navigate params are not updating navigation.state.params HOT 3
- Web Auth Flow HOT 5
- add typescript definitions HOT 1
- how to define an index route? HOT 1
- chose between iOS or Android style for createStackNavigator or similar
- Option to disable setting the url and adding to the history (e.g. for modals) HOT 1
- Is this being supported HOT 3
- Non-required files are somehow being included (and called) in bundle
- navigation go back not working on web HOT 7
- query parameters from url not passed to route HOT 3
- pass function into Header or Custom Navigators in react native web? HOT 1
- Expo Web App in a Subdirectory Results in Wrong URL HOT 2
- Browser Back Button Not Working as execpted.
- react navigation in web HOT 7
- How can I prevent display: none being appended randomly on my screen by react-navigation ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from web.