javascript - 无法在android中全屏phaser + webpack + cordova

标签 javascript android cordova phaser-framework

我使用Phaser-ce 2.7.3Webpack 2.2.0Cordova 6.4.0 我的代码

import 'pixi'
import 'p2'
import Phaser from 'phaser'

import BootState from './states/Boot'
import MenuState from './states/Menu'
import GameState from './states/Game'
import WinState from './states/Win'

class Game extends Phaser.Game {

constructor () {
   const width = window.innerWidth
   const height = window.innerHeight
   super(width, height, Phaser.CANVAS, 'content', null)
   this.state.add('Boot', BootState, false)
   this.state.add('Menu', MenuState, false)
   this.state.add('Game', GameState, false)
   this.state.add('Win', WinState, false)

   this.state.start('Boot')
 }

}

window.game = new Game()

全尺寸屏幕的底部出现黑线

enter image description here

最佳答案

使用 cordova-custom-config 插件修复并添加

<preference name="android-manifest/application/activity/@android:theme" value="@android:style/Theme.NoTitleBar.Fullscreen" />config.xml

关于javascript - 无法在android中全屏phaser + webpack + cordova,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41795069/

相关文章:

javascript - 上一个在 div 内不起作用

javascript - 即使有引用,GreaseMonkey setTimeout 也不起作用(FF4)

javascript - ejs错误: Could not find matching close tag for "<%-"

android - 生成gradle中的错误错误:否这样的属性:类GradleVersion:JetGradlePlugin

Android - facebook sdk 问题

android - 如何通过单击小部件打开应用程序

iphone - 如何在 iOS phonegap 应用程序中显示自定义启动画面微调器(即白色微调器)?

android - Cordova : Open a link using Google Chrome

javascript - 动态创建的元素上的事件绑定(bind)?

android - 如何检查 phonegap/cordova 构建错误