The situation. I have an a custom alert component in a shared components file. I have my different screens in their respective files, and they all import the custom alert. On navigation away from one screen to another, and then I navigate back via reactnavigation's back arrow, the alert is not remounted, and so its invocation throws an error. How should I take care of this?
ReactNavigation on navigation back via the back arrow, imported components are not remounted/re-imported (I think)
100 Views Asked by Kevin Barasa At
1
There are 1 best solutions below
Related Questions in REACT-NATIVE
- React Native: detect if UIVisualEffectView is supported
- Prevent Chrome debugger from stealing focus in React Native
- React-native upload image to amazons s3
- react-native update NavigatorIOS component's props
- promise – can't find variable process
- Using React Native within existing iOS app for some views only
- What is a good approach to building and distributing a React Native iOS component that extends iOS functionality?
- error in xcode 6 "is not registered as a URL scheme. Please add it in your Info.plist"
- DeviceEventEmitter stops emitting events to application when screen locked
- How to rename react-native entry file (index.ios.js)
- react-native component lifecycle methods not firing on navigation
- How to use comments in React
- react-native propagate changes in props through ListView and Navigator
- How do i use the iOS shake gesture with react native?
- TouchableHighlight won't accept press events while keyboard is open
Related Questions in REACT-NAVIGATION
- Redux for maintaing data with React Stack Navigation stackwise
- React-native Tab-navigator not displayed
- Using React-Navigation with react-native-web throws me error because it cannot import web related module
- React Native Navigation - Draw Options - Adding a switch
- Difference between storing data in React-Navigation params and Redux State directly
- React Native navigation package Error React.createElement: type is invalid -- expected a string
- Nested Navigation using Redux
- Pass data from screen to other screen using React Native Navigation with Stack Navigator
- React-Native: Code compiling correctly but screens are empty
- React navigation goBack() issue
- How to add an image inside a react navigation tab bar?
- ReactNavigation on navigation back via the back arrow, imported components are not remounted/re-imported (I think)
- How to change back button route in react navigation
- React-Navigation: Hide Parent header
- After installing 'react-navigation' The development server returned response code:500
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
I figured out a hack; so long it works for now and maintains the development momentum. So, prior to any function call that will eventually invoke the custom imported alert, I call setState, and update a dummy value, e.g. this.setState({sth:'sth'}). This seems to in turn, reload the component's relation to its imported stuff, and just like that the error is no more.