Kivy TabbedPanel内ScrollView嵌套ScreenManager布局异常问题

TabbedPanel 内部嵌套 ScreenManager 是完全合法的用法，不存在不规范的问题，你遇到的布局错乱完全是布局规则使用错误导致的，核心问题有3个：

• ScrollView 对直接子组件有强制要求：必须仅有1个直接子节点，且该子节点必须明确设置滚动方向对应的尺寸（垂直滚动就必须设置size_hint_y: None，同时绑定height为内容实际高度）。你当前代码里ScrollView的直接子节点FloatLayout只设了size_hint_y: None，没有设置具体height值，默认高度为0，内部所有组件自然会被挤压堆叠、裁切。
• 多余的嵌套层级：你把ScreenManager放在了FloatLayout内部，又没有给FloatLayout、ScreenManager设置明确的尺寸绑定，ScreenManager默认要占满父容器的特性在尺寸为0的父容器里完全失效，尺寸计算从根上就错了。
• 滚动层级逻辑错误：ScreenManager的设计是同一时间仅展示一个Screen，本身不需要被滚动。你想要滚动的是MainScreen里的功能按钮列表，应该把ScrollView放在对应Screen的内部，而不是套在ScreenManager外层。

1. 删掉ScreenManager外层多余的FloatLayout，让ScreenManager直接作为TabbedPanelItem的直接子节点，自动占满Tab页的内容区域。
2. 把ScrollView移动到MainScreen内部，包裹放按钮的GridLayout，同时给GridLayout绑定高度为内部所有组件的总高度，满足ScrollView的子组件尺寸要求。
3. 修正原有代码里的配置拼写错误、组件尺寸缺失问题，避免切换屏幕后布局错位。

修正后的Python代码 #

from kivy.app import App
from kivy.core.window import Window
from kivy.uix.screenmanager import ScreenManager, Screen 
from kivy.config import Config
from kivy.lang import Builder
# 注意原配置项拼写错误，正确字段为resizable
Config.set('graphics', 'resizable', 0)
Window.size = (375,700)

class MainScreen(Screen):
    pass
class FirstScreen(Screen):
    pass

class SecondScreen(Screen):
    pass

root = Builder.load_file("main.kv")
class MyApp(App):
    def build(self):
        return root

if __name__ == '__main__':
    MyApp().run()

修正后的main.kv代码 #

TabbedPanel:
    do_default_tab: False

    TabbedPanelItem:
        text:"1"
        # 直接放置ScreenManager，去掉多余的FloatLayout、外层ScrollView嵌套
        ScreenManager:
            id: manager  

            MainScreen:
                name: 'main'
                # ScrollView放在Screen内部，仅包裹需要滚动的按钮列表
                ScrollView:
                    GridLayout:
                        spacing: 10
                        padding: 10
                        cols:1
                        size_hint_y: None
                        # 核心绑定：高度自适应子组件总高度，让ScrollView正确计算滚动范围
                        height: self.minimum_height
                        row_default_height: 100
                        row_force_default: True
                        Button:
                            text: 'first'
                            on_press: manager.current = 'first'  
                        Button:
                            text: 'Second'
                            on_press: manager.current = 'second'  
                                
            FirstScreen:
                name: 'first'
            SecondScreen:
                name: "second"
    TabbedPanelItem:
        text:"2"

    TabbedPanelItem:
        text:"3"

<FirstScreen>:
    BoxLayout:
        padding: 10
        spacing: 10
        Label:
            text:"first"
        Button:
            text: 'Back to main'
            size_hint_y: None
            height: 100
            on_press: root.manager.current = 'main'

<SecondScreen>:
    BoxLayout:
        padding: 10
        spacing: 10
        Label:
            text:"second"
        Button:
            text: 'Back to main'
            size_hint_y: None
            height: 100
            on_press: root.manager.current = 'main'

补充说明：后续如果需要在其他Screen内实现长内容滚动，都遵循这个逻辑即可，把ScrollView放在对应Screen内部作为内容容器，不要在外层堆叠无意义的布局组件，避免尺寸计算链路出错。

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