如何在 Streamlit 多页面应用中隐藏侧边栏页面-Python教程-PHP中文网

如何在 Streamlit 多页面应用中隐藏侧边栏页面

碧海醫心

发布： 2025-10-25 10:35:11

原创

670人浏览过

如何在 streamlit 多页面应用中隐藏侧边栏页面

本文档介绍了如何在 Streamlit 多页面应用中，实现点击某个页面后隐藏其他页面侧边栏的功能。通过自定义 CSS 样式，可以控制侧边栏的显示与隐藏，从而优化用户体验，使应用界面更加简洁。本文将提供详细的代码示例和使用方法，帮助开发者轻松实现这一功能。

隐藏侧边栏的方法

在 Streamlit 多页面应用中，默认情况下，侧边栏会在所有页面中保持显示。如果希望在特定页面隐藏侧边栏，可以使用以下方法：

1. 使用自定义函数

创建一个自定义函数，该函数包含用于隐藏侧边栏的 CSS 样式代码。然后，在需要隐藏侧边栏的页面的函数的第一行调用该函数。

import streamlit as st

def hide_sidebar():
    st.markdown(
        """
        <style>
            div[data-testid="stSidebarCollapsedControl"]{
                display: none;
            }
            section[data-testid="stSidebar"][aria-expanded="true"]{
                display: none;
            }
        </style>
        """,
        unsafe_allow_html=True,
    )

def home():
    hide_sidebar()
    st.title("Home Page")
    st.write("Welcome to the home page!")

def about():
    st.title("About Page")
    st.write("This is the about page.")

# 主应用逻辑
def run():
    page = st.sidebar.radio("Select a page:", ["Home", "About"])

    if page == "Home":
        home()
    elif page == "About":
        about()

if __name__ == "__main__":
    run()

登录后复制

在这个例子中，hide_sidebar() 函数包含了隐藏侧边栏的 CSS 样式。在 home() 函数的第一行调用了 hide_sidebar() 函数，因此当用户导航到 "Home" 页面时，侧边栏将被隐藏。 "About" 页面没有调用 hide_sidebar() 函数，所以侧边栏会正常显示。

面多多

面试鸭推出的AI面试训练平台

查看详情

2. 直接使用 Markdown

如果不希望使用函数，可以将 st.markdown 代码直接复制并粘贴到所有需要隐藏侧边栏的页面中。

import streamlit as st

def home():
    st.markdown(
        """
        <style>
            div[data-testid="stSidebarCollapsedControl"]{
                display: none;
            }
            section[data-testid="stSidebar"][aria-expanded="true"]{
                display: none;
            }
        </style>
        """,
        unsafe_allow_html=True,
    )
    st.title("Home Page")
    st.write("Welcome to the home page!")

def about():
    st.title("About Page")
    st.write("This is the about page.")

# 主应用逻辑
def run():
    page = st.sidebar.radio("Select a page:", ["Home", "About"])

    if page == "Home":
        home()
    elif page == "About":
        about()

if __name__ == "__main__":
    run()

登录后复制

这两种方法的效果相同，选择哪种方法取决于个人偏好和代码组织风格。使用函数可以避免代码重复，使代码更易于维护。