【IT专家】WebView可与react

本文由我司收集整编，推荐下载，如有疑问，请与我司联系

WebView可与react

WebView可与react-native-router-flux NavBar配合使用，但不能与shoutem / ui NavigationBar配合使用- WebView works with react-native-router-flux NavBar but not with shoutem/ui NavigationBar - 开发者知识库When I try to use a custom NavigationBar with a WebView my NavigationBar’s back button isn’t clickable/pressable 当我尝试使用带有WebView的自定义NavigationBar时,我的NavigationBar的后

退按钮不可单击/可按下

 Router.js render() { return ( Router hideNavBar={true} Scene key=‘root’ passProps={true} Scene key=‘Posts’ title=‘Posts’ component={PostList} passProps={true} initial={true} Scene key=‘Random’ title=‘Random’ component={Random} passProps={true} ‘Login’ title=‘Login’ component={Login} passProps={true} ‘Post’ title=‘Post’ component={Post} passProps={true} /Scene /Router Post.js import { NavigationBar, Title,} from ‘@shoutem/ui’class Post extends Component { render() { console.log(this.props.uri) return ( ViewHowever, if I remove the WebView and only render the NavigationBar in Post.js the back button is clickable. If I remove the custom NavigationBar from Post.js and use the default router in Router.js the back button is clickable and the WebView is visible.

 但是,如果我删除WebView并仅在Post.js中渲染NavigationBar,则可以单击后退按钮。如果我从Post.js中删除自定义NavigationBar并使用Router.js中的默认路由器,则可以单击后退按钮并显示WebView。

2

 I got it to work by passing a custom component as the navBar prop in Router.js

 我通过在Router.js中传递一个自定义组件作为navBar prop来实现它

 Router.js import TopNav from ‘../components/TopNav.js’class AppRouter extends Component { render() { return ( Router navBar={TopNav} /Router TopNav.js import React, { Component } from ‘react’import { StyleSheet } from ‘react-native’import {