播放YouTube嵌入视频时，React Native WebView崩溃

Question

播放视频时，播放音乐应用会崩溃。

提示SMS或电话声音也会崩溃

看起来任何系统声音都会导致崩溃

我试图升级到最新版本的反应本机，并有相同的问题。

请帮助我

import { WebView } from 'react-native';
@observer
export default class MyWebView extends Component<any>
{
    setPlay = (){
         this.setState({play: true})
    }
    render() {
        const uri = 'https://www.youtube.com/embed/71pyOB4TPRE'
        let play = this.state.play
        return (
          <View >
            {!play ? <TouchableOpacity  onPress={this.setPlay}>
                <Image style={{ width: 40, height: 40 }} source={playerIcon} />
            </TouchableOpacity> : null}
            { play? 
            <View style={{width: 450, height:300}} >
                <WebView
                    source={{ uri: uri }}
                />
            </View> :null}
          </View>
        )
    }
}

如果直接显示WebView，它不会崩溃

    render() {
        const uri = 'https://www.youtube.com/embed/71pyOB4TPRE'
        let play = this.state.play
        return (
          <View >
            <View style={{width: 450, height:300}} >
                <WebView
                    source={{ uri: uri }}
                />
            </View>
          </View>
        )
    }
}

Android仅

Answer 1

最后，我找到了一个非常愚蠢的解决方案。在Entery File Index.js

中添加此代码

<View style={{ height:0 }}><WebView source={{ html: `` }} /></View>

喜欢这个

import TabNavigator from './router'
const AppContainer = createAppContainer(TabNavigator)
export default class App extends React.Component {
    render() {
        if( Platform.OS === 'ios' ){
            return <AppContainer />
        }
        return <React.Fragment>
            <View style={{ height:0 }}><WebView source={{ html: `` }} /></View>
            <AppContainer />
        </React.Fragment>
    }
}

我找不到特定原因但这对我有用

非常奇怪，只是我有这个问题吗？