Компонент реакционной игры не имеет высоты - PullRequest
0 голосов
/ 02 сентября 2018

Я пытаюсь создать игру с Reactjs с реакцией-game-kit. В приложении вызывается следующий компонент Game, а приложение отображается через index.js. Проблема в том, что компонент Sprite не отображается в области просмотра. Когда я проверяю его инструментами реагирования, я вижу, что он имеет размеры 64x64, но изображение не видно. Документация по реактивному комплекту также не особенно полезна, и, похоже, многие люди не использовали эту библиотеку.

import React, { Component } from 'react';
import { Loop, Stage, Sprite } from 'react-game-kit';
import testimage from './assets/sprites/test-image.png';

class Game extends Component {
render() {
  return (
    <Loop>
      <Stage scale={1} dimensions={[1024, 576]} width={1024} height={576}>
        <Sprite state={0} steps={[0]} scale={1} repeat={false} ticksPerFrame={0} src={testimage} />
      </Stage>
    </Loop>
     );
    }
  }

  export default Game;

Если я изменю значение масштаба на ноль, я больше не смогу видеть размеры с помощью инструмента dev. Все родительские компоненты также имеют высоту 0. Я пытался добавить высоту к компоненту приложения, но ничего не сделал. Пожалуйста, помогите!

...