javascript - 如何使用 blessed/nodejs 创建一个可滚动的框

Question

我不知道如何用 blessed 创建一个可滚动的框。

https://github.com/chjj/blessed

根据文档，应该是这样的:

"use strict";

const blessed = require('blessed');

const screen = blessed.screen({
    smartCSR: true
});

let box = blessed.box({
    top: 0,
    left: 0,
    width: '80%',
    height: '80%',
    style: {
        bg: 'red'
    },
    alwaysScroll:true,
    scrollable: true,
    scrollbar: true
});

screen.append(box);
screen.render();

for (let i = 0; i < 200; i++) {
    box.insertLine(0, 'texting ' + i);
    box.screen.render();
}

框窗口显示，它被填充，但没有滚动条。我错过了什么？

Answer 1

您的代码是正确的，但您需要更多配置才能使其正常工作。我向您的框添加了 keys 和 vi 属性，并为您的滚动条定义了一个 style。使用以下代码，您应该能够使用箭头键或类似 Vi 的键映射(j 向下滚动，k 向上滚动，g 跳到第一行，G 跳到最后一行)。

"use strict";

const blessed = require('blessed');

const screen = blessed.screen({
    smartCSR: true
});

let box = blessed.box({
    parent: screen,
    top: 0,
    left: 0,
    width: '80%',
    height: '80%',
    style: {
        bg: 'red'
    },
    keys: true,
    vi: true,
    alwaysScroll:true,
    scrollable: true,
    scrollbar: {
      style: {
        bg: 'yellow'
      }
    }
});

screen.render();

for (let i = 0; i < 200; i++) {
    box.insertLine(0, 'texting ' + i);
    box.screen.render();
}