JupyterLab ipywidget点击按钮关闭组件并显示另一组件的问题求助

问题原因 #

你遇到的点击按钮A后不显示按钮B的问题，是ipywidgets的事件回调上下文限制导致的：回调函数内直接调用display()无法将新组件渲染到前端页面，输出会被内核拦截，既不会生效也不会抛出报错，这个问题在Jetson Nano预装的低版本ipywidgets环境中尤为常见。

最优解决方案（兼容性最高） #

推荐使用容器组件包裹需要切换的按钮，通过修改容器子元素的方式完成切换，不需要额外调用display或者close方法，代码如下：

import ipywidgets
from IPython.display import display

# 创建通用容器，用于容纳需要切换的按钮
widget_container = ipywidgets.VBox()
buttonA = ipywidgets.Button(description='Button A')
buttonB = ipywidgets.Button(description='Button B')

# 初始化容器只显示按钮A
widget_container.children = [buttonA]

def switch_mode(_):
    # 直接替换容器内的子组件即可自动完成渲染
    widget_container.children = [buttonB]

buttonA.on_click(switch_mode)
# 只需要渲染一次容器即可
display(widget_container)

如果后续需要切换回按钮A，只要重新修改widget_container.children = [buttonA]即可，不需要重复创建组件。

特殊场景方案（需要销毁按钮A） #

如果你的业务逻辑要求必须销毁按钮A而不是隐藏，只需要在切换时额外调用close方法即可：

def switch_mode(_):
    buttonA.close()
    widget_container.children = [buttonB]

内容的提问来源于stack exchange，提问作者Dileepa Rathnayake