Grid布局中带ScrollBar的Text组件无法正常显示问题排查

你遇到的这个问题核心原因是Tkinter布局管理器冲突——你同时混用了pack()和grid()两种完全不同的布局方式，这在Tkinter里是绝对不允许的！

具体问题拆解： #

Tkinter的三种布局管理器（grid()/pack()/place()），同一个容器（这里是你的主窗口window）里的组件只能用其中一种。看你的代码就能发现矛盾点：

• 前两行的Label、Button、Entry全是用grid()来定位的
• 但第三行的滚动条和Text组件，你先调用了text_scrollbar.pack(...)和transaction_text_widget.pack(...)，之后又给Text加了transaction_text_widget.grid(...)——两种布局管理器在同一个容器里打架，直接导致整个窗口的布局逻辑混乱，GUI自然无法正常渲染。

另外还有两个小细节问题：

• Text组件的插入索引格式错误，比如"1232.30"这种写法不符合Tkinter的规则，正确格式是行.列（行从1开始，列从0开始，比如"2.0"代表第二行第一列）
• 滚动条和Text没有放在统一的容器里，进一步加剧了布局冲突

修复后的代码示例： #

# -----Zero Row----
lbl = Label(window, font=('Calibri',32), text='Title',bg = '#f0f0f0',bd =10,anchor='w').grid(row=0,columnspan=4)

#---- First Row ---
Label(window, text='Account Number').grid(row =1 , column = 0, sticky='nsew' )
Label(window, text='Balance').grid(row =1 , column = 1, sticky='nsew' )
btnLogOut = Button(window, text='Log Out', command = save_and_logout).grid(row= 1, column= 2, columnspan = 2, sticky='nsew')

#----Second Row----
Label(window, text='ON').grid(row =2 , column = 0, sticky='nsew')
Entry(window, textvariable = account_number_input).grid(row =2 , column = 1, sticky='nsew')
Button(window, text='OF', command = a).grid(row= 2, column= 2, sticky='nsew')
Button(window, text='SWITCH', command = a).grid(row= 2, column= 3, sticky='nsew')

#---Third Row----
# 新增Frame作为Text和ScrollBar的容器，避免和外层Grid冲突
text_container = Frame(window)
text_container.grid(row=3, column=0, columnspan=4, sticky='nsew')  # 占满第三行所有列

# 容器内部用Grid统一布局ScrollBar和Text
text_scrollbar = Scrollbar(text_container)
text_scrollbar.grid(row=0, column=1, sticky='ns')

transaction_text_widget = Text(text_container, wrap = NONE, yscrollcommand = text_scrollbar.set)
transaction_text_widget.config(state=NORMAL)
# 修正索引格式，插入合法内容
transaction_text_widget.insert("1.0", "First transaction record\n")
transaction_text_widget.insert("2.0", "Second transaction record\n")
transaction_text_widget.insert("3.0", "Third transaction record\n")
transaction_text_widget.config(state=DISABLED)
transaction_text_widget.grid(row=0, column=0, sticky='nsew')

# 绑定滚动条和Text的联动
text_scrollbar.config(command=transaction_text_widget.yview)

# 设置容器的列权重，让Text占满可用空间
text_container.columnconfigure(0, weight=1)
text_container.rowconfigure(0, weight=1)

#-----------setting the column and row weights-----------
window.columnconfigure(0, weight=1)
window.columnconfigure(1, weight=1)
window.columnconfigure(2, weight=1)
window.columnconfigure(3, weight=1)
window.rowconfigure(0, weight =4)
window.rowconfigure(1, weight =2)
window.rowconfigure(2, weight =3)
window.rowconfigure(3, weight =3)

关键修复点： #

1. 用一个Frame包裹Text和滚动条，把这个Frame用grid()布局在主窗口的第三行，隔离内部布局和外层布局
2. 容器内部的Text和滚动条统一用grid()布局，彻底避免布局管理器冲突
3. 修正了Text组件的插入索引格式
4. 给容器设置列权重，保证Text能自动填充容器空间

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