FLTK Wizard组件内TextDisplay控件无法显示文本的问题

核心问题：TextBuffer的生命周期没处理好 #

fltk-rs里的TextDisplay本身不存储文本内容，完全依赖绑定的TextBuffer提供数据源。如果TextBuffer被Rust的所有权机制提前回收，TextDisplay自然没有内容可显示。

你遇到的情况就是：单独使用TextDisplay时，你大概率把TextBuffer存在了能长期存活的地方（比如结构体字段、全局变量）；但把TextDisplay放进Wizard时，创建的TextBuffer是临时变量，用完就被回收了——控件本身能正常显示背景色，但缺少文本数据源，所以看不到文字。

解决方法 #

1. 持久化存储TextBuffer：用一个容器（比如Vec<TextBuffer>）来存放所有TextDisplay对应的Buffer，保证它的生命周期和UI组件一致。
2. 绑定后保留Buffer所有权：给每个Wizard内的TextDisplay设置好Buffer后，一定要把Buffer存入容器，避免被提前回收。

修正后的示例代码 #

use fltk::{
    app::*,
    group::{Flex, Wizard},
    text::{TextBuffer, TextDisplay},
    button::Button,
    widget::WidgetExt,
    window::Window,
    enums::Color,
};

fn main() {
    let app = App::default();
    let mut win = Window::default()
        .with_size(400, 300)
        .with_label("Wizard TextDisplay Test");
    
    // 用Vec存储所有TextBuffer，确保生命周期足够长
    let mut buffers = Vec::new();

    let mut col = Flex::default()
        .with_size(380, 280)
        .center_of_parent()
        .column();

    let mut wizard = Wizard::default().with_size(380, 180);
    // 第一个Wizard页面
    let mut disp1 = TextDisplay::default().fill();
    let buf1 = TextBuffer::default();
    buf1.set_text("Wizard里的第一个TextDisplay");
    disp1.set_buffer(buf1.clone());
    buffers.push(buf1); // 存入容器，防止Buffer被回收
    disp1.set_bgcolor(Color::LightYellow);
    wizard.end();

    // 第二个Wizard页面
    wizard.next();
    let mut disp2 = TextDisplay::default().fill();
    let buf2 = TextBuffer::default();
    buf2.set_text("Wizard里的第二个TextDisplay");
    disp2.set_buffer(buf2.clone());
    buffers.push(buf2);
    disp2.set_bgcolor(Color::LightCyan);
    wizard.end();

    col.end();

    let mut btn = Button::default()
        .with_size(100, 30)
        .below_of(&wizard, 10)
        .with_label("切换页面");
    
    let mut disp3 = TextDisplay::default()
        .below_of(&btn, 10)
        .with_size(380, 50);
    let buf3 = TextBuffer::default();
    buf3.set_text("单独的TextDisplay");
    disp3.set_buffer(buf3);

    btn.set_callback(move |_| {
        wizard.next();
        // 切换后强制重绘，确保文本及时显示
        if let Some(page) = wizard.current_page() {
            if let Some(disp) = page.downcast_ref::<TextDisplay>() {
                disp.redraw();
            }
        }
    });

    win.end();
    win.show();
    app.run().unwrap();
}

额外提醒 #

• 不要给Wizard的页面嵌套多余的分组控件，直接把TextDisplay作为Wizard的子控件添加，避免布局或显示异常。
• 切换页面后调用redraw()可以强制控件刷新，避免FLTK的自动刷新机制导致文本显示延迟。

内容的提问来源于stack exchange，提问作者Hal Gee