无法在 android 中全屏显示 Phaser + webpack + cordova

Question

我使用 Phaser-ce 2.7.3、Webpack 2.2.0 和 Cordova 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()

全尺寸屏幕的按钮在按钮中出现黑线

Answer 1

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

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

无法在 android 中全屏显示 Phaser + webpack + cordova

Can't fullscreen phaser + webpack + cordova in android

javascript

android

cordova

phaser-framework