繁体   English   中英

如何在 swiftui (macos) 中将文本字段添加到工具栏

How to add a textfield to toolbar in swiftui (macos)

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我正在尝试学习 swiftui 并面临“标记”问题。 我需要在工具栏中使用文本字段构建 UI(如 Safari 中的地址行):

在此处输入图像描述

我试过这样做:

import SwiftUI

struct ContentView: View {
    @State var searchText: String = ""
    
    var body: some View {
        NotesListView(notesRepo: InMemoryNotesStubRepository())
            .frame(minWidth: 500, minHeight: 300)
            .toolbar {
                ToolbarItem(placement: .primaryAction){
                    TextField("Search", text: $searchText)
                        .frame(minWidth: 300)
                }
            }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

我有一些奇怪的事情:

在此处输入图像描述

谁能帮我如何在 Safari(地址行)中的工具栏中添加文本字段?

1 个回复

可以对TextField使用样式,例如

ToolbarItem(placement: .primaryAction){
    TextField("Search", text: $searchText)
        .textFieldStyle(RoundedBorderTextFieldStyle())
        .frame(minWidth: 300)
}

甚至具有您需要的外观和感觉的自定义样式,例如https://stackoverflow.com/a/63976054/12299030

1 在工具栏中设置宽度可变的文本字段

我正在开发一个应用程序。 xcode版本是9,iOS版本是11。项目在目标c中。 我想在包含文本字段和按钮的应用程序中添加一个工具栏。 问题在于这两个项目都可以在纵向模式下正常工作,但是对于横向模式,不会自动调整文本字段和按钮的宽度以填充整个工具栏。 我注意到一件事,我们无法在条 ...

2 如何在工具栏项目中添加空间(SwiftUI)

Spacer() 在 ToolbarItem 中没有效果,我想让项目分散而不是聚集。 你知道如何解决这个问题吗? 谢谢你。 这是代码。 这是目前的效果。 这是我想要的项目均匀分布的效果。 ...

2020-12-09 06:44:20 1 306   swiftui
3 如何删除macos应用程序中的工具栏使用swiftUI

我正在尝试在macos中开发一个应用程序,我有问题。 1.我要删除工具栏包括macos标题栏(关闭/缩小/放大) 2.如何让我的应用叠加到其他应用上? 非常感谢! 请看这张图: 在此处输入图像描述 MacOSAPPApp 内容视图 ...

4 SwiftUI:如何在 macOS 11 上设置工具栏的标题?

我有一个 SwiftUI 应用程序,它有两列和一个工具栏。 我正在尝试模拟最新的 macOS 应用程序并以与 Mail 相同的方式使用工具栏,即选择一个侧边栏项目并将其显示为窗口的标题。 这是我的代码: 所以我得到一个这样的工具栏: 但是当我在第一个列表中选择一个项目时,如何在工具栏中设 ...

9 工具栏和文本字段问题

我有一个iPad项目。 在项目中,我有一个工具栏,然后我就可以添加一个文本框。 这是我的简化代码。 当我单击文本字段时,将出现键盘。 现在的问题是,在键盘上,我按下了键盘底部最右边的按钮(键盘隐藏按钮?),却什么也没发生。 如果我将文本字段添加到视图不工具栏是工作。 对这个问题 ...

10 网格面板工具栏渲染文本字段失败

我想在“网格”面板的tbar中添加文本字段,但是它不起作用。 我尝试了按钮然后就可以了。 此代码无法正常工作,错误消息显示TypeError:g.el为null 但是这段代码有效 有人知道,为什么会这样? 我发现, 它renderTo:'tableID' ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM