相关疑难解决方法(0)

我正在尝试在页面上实现一个工具栏，其中包含三个ToolbarGroup组件：

            <Toolbar>
                <ToolbarGroup firstChild={true} float="left">
                    {prevButton}
                </ToolbarGroup>

                <ToolbarGroup>
                    {releaseBtn}
                </ToolbarGroup>

                <ToolbarGroup lastChild={true} float="right">
                    {nextButton}
                </ToolbarGroup>
            </Toolbar>

一般的想法是prevButton应该一直渲染到工具栏的左侧（确实如此），nextButton应该一直渲染到右侧（确实如此）......并且releaseBtn应该以工具栏为中心（当前没有发生）。

根据material-ui文档，似乎没有一些简单的设置centered={true}——我怎样才能做到这一点？

我尝试过手动将中间的样式设置ToolbarGroup为margin: 0px auto，但这似乎没有帮助。

有没有办法将 Avatar 组件与 MaterialUI 组件一起放在 Toolbar 中？

<Toolbar>
    <ToolbarGroup float="right" lastChild>
        <ToolbarTitle text="Toolbar"/>
        <Avatar src="images/avatar.jpg"/>
    </ToolbarGroup>
</Toolbar>

我玩了这几个小时但没有成功。