The WebView component that comes with RN does not listen for routing changes on a single page of H5.

WebView page, to get the latest status of the page through the onNavigationStateChange event, one is to update the return button, and the other is to take the page title. There is nothing wrong with ordinary multiple pages, but there will be problems with a single page.

the two routes on a single page have different problems under the monitoring of webView:

hash routing: you can listen for route changes, but the title of the obtained web page is
history routing: no action can be heard at all

finally, there is no problem with the same web page in Wechat"s WebView. It is estimated that there is no way to solve the WebView that comes with RN. Is there any other third-party WebView that can support single-page H5 monitoring?

React-native

Mar.13,2021

@ Master Xiao encountered the same problem. Have you solved it?

, I also encountered

after more than a year, you have finally found the reason.
recently I am learning that oc, uses WKWebView
to find that one way to listen for more routing changes on the native side is through this method of webView:

  https://github.com/react-nati.


										
												Previous: How does WeChat Mini Programs return to Mini Program after calling the dial-up interface wx.makePhoneCall?
												                		Next: Front-end page sent request post error, printed is Access-Control-Allow-Origin.
                							
					
						
					
															
						
														
								Why does the react-native subcomponent page jump to react-navigation with the header navigation of the parent component?
								
 Page jump problem with header navigation 
 the navigation component uses: react-navigation. Why do you still navigate with your head when you jump to the page?   
...
								
									
																														React-native
																			
									
										Feb.27,2021
									
								
							
														
								React-native. / gradlew assembleRelease packaged successfully, but flashed at run time
								
 question:  execute.   gradlew assembleRelease, prompt build questions! You can also see that the app release version of apk is generated. When I open it, there is a flicker (stop running) 
 previous status:  can be run before, but it can be run after be...
								
									
																														Android
																				react.js
																				react-native
																			
									
										Feb.27,2021
									
								
							
														
								How does react native run a certain program every time it opens app?
								 rn needs to execute a function to read data from the pasteboard every time app is opened, but there seems to be no such function in the life cycle, either once or only if the state of the component changes. How should I do this? ...
								
									
																														React-native
																			
									
										Feb.27,2021
									
								
							
														
								Is there anything similar to the filter filter in vue in react?
								
 is there anything similar to the filter filter in vue in  react  using pipe characters to process fields 
 for example: 
{{item.applyDate | date_format}}
{{item.amount | number_format}}
...
								
									
																														React-native
																				react.js
																			
									
										Feb.27,2021
									
								
							
														
								How to learn React? for all beginners
								 Please call for help!  how do new hands learn react?  only basic js  see node.js, react native, react-php  how to learn? Of course, there are officials who can check the data, but they are still cold and indifferent, and they don  t understand the princi...
								
									
																														Node.js
																				reactphp
																				react-native
																				react.js
																			
									
										Feb.27,2021
									
								
							
														
								How to pass parameters without anonymous functions in ES6 and not execute them immediately?
								  test(...arg) {
        console.log("",arg);
    }
    
 render(){
        return <View style={{flex:1,backgroundColor:"blue"}}>
            <TouchableOpacity activeOpacity={1} 
            onPress={this. test("")}&...
								
									
																														React-native
																				es6
																				javascript
																			
									
										Feb.27,2021
									
								
							
														
								Does React-Native have a website where you can find wheels?
								 iOS has a code base such as code4app,cocoachina. Is there a similar website for React-Native that can look for wheels? ...
								
									
																														React-native
																			
									
										Feb.27,2021
									
								
							
														
								How do react-navigation navigation bar buttons jump to the page?
								
The code for  react-navigation jump is this.props.navigation.navigate (  xxxxx  ). I know that  but generally, the definition of navigationOptions is in static. If I define a headerRight, button, how can I write a jump statement in onPress? Static can  t...
								
									
																														React-native
																			
									
										Feb.27,2021
									
								
							
														
								Is the react native component always left blank at the top of the listview drop-down?
								
 1. At the beginning, it was  
2. .
 Why is this? 
...
								
									
																														React.js
																				react-native
																				front-end
																			
									
										Feb.27,2021
									
								
							
														
								Using flexbox layout problems?
								 AB are elastic layouts  A distance B minimum 20  A can compress B  B minimum 30  AB is located at both ends of the horizontal  how to implement this layout with flexbox?  as shown in the figure:   ...
								
									
																														React-native
																				javascript
																				react.js
																				flexbox
																				flex
																			
									
										Feb.28,2021
									
								
							
														
								React-native ios simulator fetch request error Network request failed, configured xcode or error
								
 1. Question: 
 
2xcodehttp:


::

xocode:
react-native:
 
 Please all the great gods to answer! 
...
								
									
																														React-native
																				xcode
																			
									
										Feb.28,2021
									
								
							
														
								React native layout problems?
								
 guys, I used FlatList to write two scroll boxes that part of the content is beyond the screen, but the screen can  t slide down. How to break 
  
...
								
									
																														React-native
																			
									
										Feb.28,2021
									
								
							
														
								Can React native start and remove the project?
								
 when I try to remove the project: 
X @ AwesomeProject $ sudo npm uninstall AwesomeProject
Password:
npm WARN @babel plugin-check-constants@7.0.0-beta.38 requires a peer of @babel core@7.0.0-beta.38 but none is installed. You must install peer dependenci...
								
									
																														React.js
																				react-native
																				macbook
																				macos
																				homebrew
																			
									
										Feb.28,2021
									
								
							
														
								Node startup failed
								
  
 node v8.3.0 
 solve? I don  t know much about this .
...
								
									
																														Javascript
																				react-native
																				node.js
																			
									
										Feb.28,2021
									
								
							
														
								Error creating project module react-transform-hmr/lib/index.js not found.
								
 an error was found while entering react-native init NewProject  details  as shown in the figure:   
 ask God to help solve it! 
 Thank you! 
...
								
									
																														React-native
																			
									
										Mar.01,2021
									
								
							
														
								Can the project written by react be packaged into app without using react-native?
								 can the project written by react be directly packaged into app without using react-native ...
								
									
																														React.js
																				react-native
																				javascript
																			
									
										Mar.01,2021
									
								
							
														
								React native hot updates always report mistakes. Ask for advice.
								
  jsCodeLocation = [NSURL URLWithString:@"http:  localhost:8081 index.bundle?platform=ios&dev=true"];
 the above code is normal in time, but an error is reported in a non-debug environment, that is, 
jsCodeLocation = [CodePush bundleURL];
 ...
								
									
																														React-native
																				javascript
																			
									
										Mar.02,2021
									
								
							
														
								React-native pack Android app report error?
								
FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task   :app:processReleaseResources  .
> Failed to execute aapt

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get mor...
								
									
																														Android
																				react-native
																			
									
										Mar.02,2021
									
								
							
														
								React-Native novel reader text paging ideas?
								 want to be a React-Native novel reader, can you provide an idea on this side of text paging? ...
								
									
																														React-native
																			
									
										Mar.02,2021
									
								
							
														
								What libraries are available for react native network requests?
								 I have been using react-native-fetch-blob before, but this library has not been updated for a long time. Is there any other library recommendation? ...
								
									
																														React-native
																				javascript
																			
									
										Mar.02,2021


				
					
						
	
						
		css
		mysql
		arrays
		josn
		react
		html
		typescript
		webpack
		npm
		sass
		R
		objective-c
		.net
		sql-server
		jquery
		python-3.x
		angularjs
		django
		angular
		excel
		regex
		iphone
		ajax
		linux
		xml
		pandas
		vba
		spring
		database
		wordpress
		string
		wpf
		xcode
		windows
		bash
		postgresql
		oracle
		multithreading
		eclipse
		list
		firebase
		algorithm
		macos
		forms
		image
		scala
		visual-studio
		azure
		bootstrap
		spring-boot
		react-native
		python-2.7
		docker
		performance
		function
		winforms
		matlab
		powershell
		apache
		dataframe
		api
		sqlite
		numpy
		rest
		shell
		selenium
		flutter
		dart
		maven
		loops
		qt
		swing
		android-studio
		csv
		express
		file
		class
		tensorflow
		sorting
		codeigniter
		perl
	
						MySQL Query :  SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5 
 MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3b7b2-2c27c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
 MySQL Errno : 1021 
 Message :  Disk full (/tmp/#sql-temptable-64f5-1b3b7b2-2c27c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device") 
Need Help?