KivyMD导航栏自定义图标实现求助：已有代码但无法正常显示

问题修正步骤 #

1. 补全Python代码缺失部分 #

你的gui.py遗漏了StringProperty的导入，这会导致属性无法正常工作，修正后代码如下：

from kivy.properties import StringProperty
from kivymd.uix.navigationbar import MDNavigationItem, MDNavigationBar

class BaseMDNavigationItem(MDNavigationItem):
    source_icon = StringProperty()
    text = StringProperty()

2. 调整KV文件组件配置 #

MDNavigationItemIcon支持通过source属性绑定本地图片，但需确保路径正确，同时可按需调整图标尺寸，修正后的KV代码：

<BaseMDNavigationItem>
    MDNavigationItemLabel:
        text: root.text
    MDNavigationItemIcon:
        source: root.source_icon
        size: "24dp", "24dp"  # 自定义图标尺寸，适配导航栏

MDBoxLayout:
    orientation: "vertical"

    MDNavigationBar:
        on_switch_tabs: app.on_switch_tabs(*args)

        BaseMDNavigationItem:
            active: True
            text: "Screen1"
            source_icon: "default_icon.png"  # 给第一个项设置默认图标

        BaseMDNavigationItem:
            text: "Screen2"
            source_icon: "screen2_icon.png"

        BaseMDNavigationItem:
            text: "Screen3"
            source_icon: "assets/icons/screen3_icon.jpg"  # 使用子目录相对路径

关键注意事项 #

• 确认图片路径有效性：优先使用相对路径，确保图片文件和主脚本在同一目录，或存在于指定子目录（如assets/icons）。
• 图标格式建议：使用方形PNG/JPG图片，尺寸推荐24x24或32x32像素，避免拉伸变形。
• 区分图标类型：若使用KivyMD内置字体图标，需改用icon属性（如icon: "home"），而非source。

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