如何在Jetpack Compose的TopAppBar中将图标对齐至末端

你遇到的问题是因为没找对TopAppBar的布局逻辑——官方封装的TopAppBar自带固定布局区域：左侧是navigationIcon，中间是title，右侧专门留了actions区域放置需要对齐到末端的图标，直接给图标加Modifier无法突破这个预设结构。

正确的实现方式是把需要靠右的图标放到actions参数里，示例代码如下：

TopAppBar(
    title = { Text("首页") },
    navigationIcon = {
        IconButton(onClick = { /* 打开侧边栏逻辑 */ }) {
            Icon(Icons.Default.Menu, contentDescription = "菜单")
        }
    },
    actions = {
        // 这里的图标会自动对齐到TopAppBar末端
        IconButton(onClick = { /* 搜索逻辑 */ }) {
            Icon(Icons.Default.Search, contentDescription = "搜索")
        }
        IconButton(onClick = { /* 更多操作逻辑 */ }) {
            Icon(Icons.Default.MoreVert, contentDescription = "更多")
        }
    }
)

如果是你用Row等组件自定义的TopAppBar，可给图标添加Modifier.fillMaxWidth().wrapContentWidth(Alignment.End)实现右对齐，但官方组件优先用actions参数才是标准做法。

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