javascript - 眼镜代码幻灯片小高度

Question

我用 spectacle 制作了演示幻灯片我添加了 spectacle-code-slide一切正常，但高度为 <CodeSlide>真的很小。与 this example 相比，它不是全屏

有人遇到过这个问题吗？

片段

 <Deck transition={["zoom", "slide"]} transitionDuration={500} theme={theme}>
    ....
    <CodeSlide
      lang="js"
      code={require("raw-loader!../assets/code")}
      ranges={[
        { loc: [0, 1], title: "Importing React" },
        { loc: [2, 30] }, //TodoList Component
        { loc: [4, 12], title: "Contructor Method" },
        { loc: [13, 25], title: "Render Method" },
        { loc: [14, 17] }, //Creating TodoItem by mapping through the list
        { loc: [18, 24] },
        { loc: [26, 29], title: "addEvent Method" },
        { loc: [31, 36], title: "TodoItem Component" },
        { loc: [37, 72] }, //NewTodoItem Component
        { loc: [39, 47] }, //Contructor Method
        { loc: [48, 51] }, //componentDidMount
        { loc: [52, 63] }, //render
        { loc: [64, 69] }, //onChange
        { loc: [70, 75] }, //onSubmit
        { loc: [77, 78], title: "Rendering component in the DOM" },
      ]}
    />
 </Deck>

编辑:对于遇到问题的任何人，请删除您的 Deck 上的所有转换成分。评论寻求帮助。

Answer 1

我自己正在使用此工具进行演示，今天遇到了这个问题。我尝试使用幻灯片属性试图使其正常工作，并注意到过渡时发生了一些奇怪的事情。

它没有在任何地方记录，但显然为了让 CodeSlide 工作，Deck 容器应该在其过渡属性上有一个空数组。

希望这对你有用。

编辑:如果有任何过渡，代码幻灯片本身似乎也不会工作。不确定这是否一直以这种方式工作，或者它是否被更新的依赖关系破坏了。