SwiftUI VStack右对齐单个元素
SwiftUI是一种用于构建用户界面的声明性框架，由苹果公司推出。它是一种现代化的UI开发工具，可以帮助开发者更轻松地构建跨平台的应用程序。
VStack是SwiftUI中的一个容器视图，用于垂直排列其子视图。默认情况下，VStack会将其子视图居中对齐，但可以通过修改对齐方式来实现右对齐单个元素。
要实现VStack中单个元素的右对齐，可以使用alignment参数。alignment参数接受一个对齐方式的枚举值，可以设置为.trailing，表示将子视图右对齐。
下面是一个示例代码：
import SwiftUI
struct ContentView: View {
var body: some View {
VStack(alignment: .trailing) {
Text("Hello")
Text("World")
}
}
}
在上述示例中，VStack的alignment参数被设置为.trailing，这将使得子视图"Hello"和"World"都右对齐显示。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
请注意，以上链接仅供参考，具体产品选择应根据实际需求和情况进行评估。
相关·内容
我在Form、Section和VStack中有一个项目列表。我希望能够拖动内部项目，但整个Section/VStack都被拖动了。 下面代码中使用VStack的第一部分说明了这个问题。第二部分不使用VStack，并且工作正常(单个项目被拖动)。 enum TestData: String, CaseIterable {
case one, two, three
}
struct ContentView: View {
var body: some View {
Form {
Section {
VStack {
ForEac
浏览 19提问于2021-11-19得票数 0
2回答
当我试图在ZStack中添加另一个ZStack时，我感到很奇怪。怎么移除它？
struct ContentView: View {
var body: some View {
VStack{
VStack{
Text("1")
}
.frame(width: 200, height: 50)
.background(Color.init(.green))
ZStack{
VStack{
Text("2&
浏览 4提问于2020-05-06得票数 2
回答已采纳
1回答
我正在为iOS 14构建一个小部件，希望一些内容左对齐，其他一些内容右对齐。我该怎么做呢？ 下面是我的代码： ZStack {
HStack(alignment: .center, spacing: nil, content: {
VStack(alignment: .leading, spacing: nil, content: {
Text("Heading")
.zIndex(2)
浏览 13提问于2020-09-29得票数 5
2回答
我正在开发一个具有快速用户界面的应用程序。这是一个单视图应用程序。但我对scrollView有个问题 我已经尝试删除滚动视图，但它没有改变任何东西。在我的视图顶部总是有一个大的白色问题。 https://imgur.com/a/BiWy0fe import SwiftUI
struct Redactor {
var id: Int
let name, imageURL, since, bio: String
}
struct Article {
var id: Int
let name, image, content, redactor: String
}
浏览 48提问于2019-10-06得票数 2
1回答
我是SwiftUI的新手，这次我尝试将单个元素(图像)右对齐，然后其余的内容应该居中对齐。 就像你在HStack上使用Spacer()时发生的事情一样，只是在另一边。 我读过关于.alignmentGuide的文章，它有点让人困惑，但我试着这样使用它： struct ContentView: View {
var body: some View {
VStack {
HStack {
Text("Hello!").alignmentGuide(.trailing) {
浏览 43提问于2020-08-18得票数 3
回答已采纳
我有两行，第二行需要与第一行对齐，除了最后一个元素。这是图形表示..。 我想要的： ? 下面是我的代码： struct TwoRowView: View {
var body: some View {
VStack {
HStack {
ForEach(0..<6) { i in
Text("\(i)")
.padding(.vertical, 10)
浏览 16提问于2020-09-05得票数 0
1回答
因此，基本上我已经制作了我的UI，如果不是因为我的UI/堆栈似乎不适合屏幕较小的设备，如iPod Touch7代或iPhone SE 2代，它就能正常工作。我的印象是，如果我避免使用硬编码的框架，而是使用动态元素，如stacks上的间距参数、.padding、Spacer()等，那么SwiftUI就会施展其布局魔力，它将在多种屏幕尺寸上工作。我在这里甚至没有使用复杂的视图，它只是几个堆栈&文本视图。 代码： struct EntireView: View {
var viewModel: ViewModel
var body: some View {
VStack {
浏览 38提问于2021-09-06得票数 1
回答已采纳
1回答
我收到调用的错误 Value of type '[Voucher]' has no member 'currency'.
Value of type '[Voucher]' has no member 'shopName'.
Value of type '[Voucher]' has no member 'value'. 这里我得到了错误(ContentView)： @ObservedObject var voucherData = VoucherData()
var body: some Vi
浏览 41提问于2020-01-05得票数 1
回答已采纳
视图通常不允许使用可选的参数值，从而导致类似于Initializer 'init(_:)' requires that 'String?' conform to 'StringProtocol'的错误
struct Person {
var name : String
}
struct OptionalsExampleView: View {
var person : Person? = Person(name: "Bob")
var body: some View {
VStack(
浏览 0提问于2020-05-20得票数 3
我在包含两个文本字段和提交按钮的VStack周围添加了一个阴影。但是，阴影也将应用于VStack中的两个文本字段。
是不是我在这里遗漏了什么东西导致了这一切的发生？我尝试在文本字段中添加shadow(radius: 0)，但是它没有改变任何东西。如果我从文本字段中移除填充和背景，那么阴影就会消失。
var body: some View {
VStack() {
Spacer()
VStack() {
TextField($email, placeholder: Text("email"))
浏览 0提问于2019-06-09得票数 32
回答已采纳
我有一台NavigationView，然后是一台VStack。问题是，VStack中的所有内容都显示在屏幕的中间，而不是顶部。为什么会这样呢？ var body: some View {
VStack {
VStack(alignment: .leading) {
if (request?.receiverID ?? "") == userDataViewModel.userID {
Text("\(sendertFirstName) wants to ship your package
浏览 104提问于2019-12-15得票数 2
回答已采纳
使用HalfASheet ()。
我有一个名为ProjectsView的视图，在ZStack in ProjectsView中，我有ProjectSorting和SortingView(都注入了EnvironmentObject)。我希望更改ProjectSorting中的HStack()和SortingView中的HStack()，这都取决于SortingValues中sorting变量的值。用户可以通过按下sorting中的Button来更改SortingView的值。
无论出于什么原因，Text()在ProjectSorting中根本不会改变。而HStack()在SortingView中
浏览 18提问于2022-06-10得票数 1
回答已采纳
1回答
我在视图Line()中定义了两个弹出框和一个工作表。
在VStack中使用这个视图，一切都很好。
在列表中使用它，当点击相应的文本或按钮时，会显示错误的弹出/sheets。
这里出什么问题了？
struct ContentView: View {
var body: some View {
VStack {
Line()
List {
Line()
Line()
Line()
}
}
}
}
struct Line: View {
@State private var showPo
浏览 3提问于2020-03-15得票数 2
当我单击另一个列表元素位置时，我正在尝试移动另一个列表元素位置
当我单击时，会发生什么情况
我需要视图向上移动，并像这样停留在没有用户需要移动它
VStack{
VStack{
Button(action: {
self.iconeView.toggle()
}) {
ZStack{
self.icone.renderingMode(.
浏览 0提问于2020-06-18得票数 0
3回答
我怎样才能把这个箭头放在列表的中心？ struct ProductsList : View {
var body: some View {
VStack {
List {
Image(systemName: "shift")
}
}
} } ?
浏览 63提问于2019-06-21得票数 5
回答已采纳
我有一个梯度作为背景的视图，我想把另一个视图放在上面，最后一个视图里面有一个NavigationView，但是由于某些原因，我不能让它有一个透明的背景，所以我可以展示后面的渐变。
更奇怪的是，甚至不可能更改导航视图的背景色，我到处查看，但似乎找不到任何允许我更改颜色或使其透明的方法
第一个视图(我想显示的渐变背景)
ZStack { // Global Stack for views
//Background gradient
VStack {
LinearGradient(gradient: Gradient(colors: [Color("back
浏览 5提问于2020-04-23得票数 9
我正在完成一个应用程序，需要用户数据输入字段。我用少量的数据元素对其进行建模，以简化开发。今天，我试图添加更多的元素，并惊讶地发现，我只能添加10个视图到一个视图。因此，我尝试了最简单的设计(以下)。如果我在视图中添加了11个"things“，它就会立即将错误显示在最上面的项上，不管它是什么：
“不带参数的调用传递的参数”
无论我将外部容器称为ScrollView、VStack、List还是Form，都不重要。同样的行为。文本/TextField子单元是否位于VStack中并不重要。
所以我回到了基础--仅仅增加了10个文本视图。没问题。再加一个11，它就会爆炸。这里有一个变体--但我
浏览 5提问于2019-10-20得票数 21
回答已采纳
因此，我有一个嵌套的模型数组：
let models = [[ButtonModel]]
struct ButtonModel: Identifiable {
let id = UUID()
let value: String
let style: ColorStyle
init(_ value: String, _ style: ColorStyle) {
self.value = value
self.style = style
}
浏览 3提问于2021-09-21得票数 0
我需要在tableView中禁用滚动，并根据其内容增加高度。下面是我在swiftUI中的表视图代码，请给我指点
var body: some View {
List{
ForEach(testData){ data in
VStack(alignment: .leading){
HStack{
Image(data.name)
浏览 1提问于2019-12-09得票数 4
2回答
SwiftUI网格布局
、、、
我正在尝试用SwiftUI实现下面的网格布局，但不太确定最好的方法。 ? 我的代码如下，它并没有得到我想要的东西，而且有许多嵌套的堆栈似乎也很麻烦 VStack {
VStack {
HStack {
VStack {
Text("Text Here")
浏览 21提问于2020-06-25得票数 1
回答已采纳
我正在努力解决一个非常简单的问题。如果我将文本放入VStack中，则顶部没有填充。如果我现在放入一个图像，我就有了一个填充。请参见以下屏幕截图： ? 对应的代码为： struct NewView: View {
var body: some View {
VStack(alignment: .leading) {
Text("Some title")
.font(.headline)
VStack {
Text("Som
浏览 7提问于2020-04-29得票数 3
回答已采纳
我试图在VStack中有多个带有动画的可扩展视图。我有以下代码：
struct ContentView: View {
var body: some View {
NavigationView {
ScrollView {
VStack {
ExpandableView(headerTitle: "First")
ExpandableView(headerTitle: "Second")
浏览 2提问于2022-04-08得票数 1
回答已采纳
1回答
在我的SwiftUI应用程序中，我在屏幕底部有选项卡视图。在other中，为了保持代码的整洁，我希望每个Tab都放在一个单独的视图/类中。在一个选项卡中，我列出了列表。由于某些原因，我无法将列表移动到单独的视图中。这是我的初始代码:导入SwiftUI
struct ContentView: View {
var rooms : [Rooms] = []
@State var selectedView = 1
var body: some View {
VStack {
TabView() {
Lis
浏览 14提问于2020-05-07得票数 0
当前有一个用来自firestore的项目填充的VStack，如果数据库中没有项目，我会尝试显示一条消息。它工作得很好，但在加载项目列表之前有一段时间它会显示"No Items“消息。据我所知，它还没有从数据库中得到结果。有没有办法在调用完成之前不显示任何内容？ VStack(alignment: .leading){
if itemList.isEmpty {
Text(“No items”)
} else {
ForEach(itemList.indices, id: \.self) { i in
Text(itemList[I].item)
浏览 25提问于2020-12-19得票数 0
回答已采纳
在我的视图和自定义选项卡之间有一个神秘的空白，我似乎无法用.edgesIgnoreSafeArea或.ignoreSafeArea删除它。其他人是否也经历过同样的问题/有解决办法？
我试过使用不同的技术和代码，但似乎没有什么效果。我在带有灰色背景的VStack中添加了一个标签，以使问题更加明显。请看一看，并让我知道，如果这可能是一个错误或问题在我的一端。
我的代码：
import SwiftUI
struct MotherView : View {
@EnvironmentObject var viewRouter: ViewRouter
var
浏览 6提问于2021-04-26得票数 0
回答已采纳
我有一个观点，我试图改变它的大小不同的比例。
这是我的看法：
struct CoolView: View {
var body: some View {
Rectangle().frame(width: 50, height: 50)
}
}
在这里，我试图用不同的比例来衡量它：
struct mainView: View {
var body: some View {
VStack {
CoolView().frame(width: 0.6, height: 0.6) // <-- 0.6 from ori
浏览 0提问于2021-03-20得票数 2
回答已采纳
1回答
返回几个SwiftUI布局问题：
我试图用自定义单元格并排显示两个列表。我创建了单元格视图(EventRow.swift)，并在content视图中显示它们。
我在列表中添加了一个边框，以获得更好的能见度。
从下面的图片中可以看到，结果是可怕的：
我希望梯度效应适用于整个细胞，宽度和高度方面。
我尝试设置我的EventRow的框架(使用.infinity作为宽度和高度)，但这使应用程序崩溃。
由于EventRow的大小是推断出来的，我也不知道如何使我的行单元格高度与其大小相适应:您可以看到水平分隔条不适合我的自定义EventRow.
如果有人对此有指点的话，我们将不胜感激。
示例项目可以
浏览 7提问于2020-05-16得票数 1
回答已采纳
3回答
最近我在SwiftUI中构建了一个应用程序，今天我注意到VStack对齐有一些奇怪的行为。无论我使用的对齐方式，视图都不是在中心之外对齐。见下文：
VStack(alignment: .trailing, spacing: 0) {
Text("Hello, World!")
}
VStack(alignment: .center, spacing: 0) {
Text("Hello, World!")
}
它在预览和模拟器中都是这样做的，我试图将我的文本与屏幕的右边对齐。
完整法典：
import SwiftUI
stru
浏览 6提问于2020-07-08得票数 3
回答已采纳
4回答
我想弄清楚如何在SwiftUI中使用导航栏
我想把BarButtonItem和图像放在NavigationBar里面
我已经能够显示导航栏和放置标题。
var body: some View {
NavigationView{
List(0...5) { note in
VStack(alignment: .leading) {
Text("title")
Text("Date")
.font(.subh
浏览 0提问于2019-06-15得票数 14
回答已采纳
1回答
当我使用SwiftUI创建我的视图时，我不能使点击事件工作。我的代码如下： VStack{
HStack{
//SomeView...
}
.onTapGesture {
print("HStack Tap Work")
}
浏览 27提问于2020-07-16得票数 3
我有一个滚动视图，其中包含一个vstack，其中包含一些文本和一个列表。列表独立于滚动视图滚动，导致文本作为列表的标题的效果。我希望有滚动视图，而不是有充分的列表展开，以便一切滚动在一起。 ScrollView {
VStack(alignment: .leading) {
Text(self.person.name)
Text(self.person.email)
.font(.subheadline)
浏览 24提问于2020-01-22得票数 0
我希望Text("111")的高度与包含2222的VStack相同...和333……
struct Test7: View {
var body: some View
{ HStack (alignment: .top) {
Text( "111") // Shall have equal Height
.background(Color.red)
VStack(alignment: .leading){. // of this VStack
Text("22222
浏览 17提问于2020-02-22得票数 3
回答已采纳
我想在我的.bottomBar中的.toolbar中添加一个“撰写”按钮。
添加一个Spacer()几乎是中心对齐项：
struct HomeView: View {
var body: some View {
NavigationView {
Text("Hello, World!")
.navigationTitle("Hello, World!")
.toolbar {
ToolbarItem(placem
浏览 2提问于2020-08-16得票数 8
在所有与可访问性相关的事情上工作，发现.accessibilityHidden(true)似乎不能正常工作。尽管VO什么也不读，但当你在页面周围滑动时，它仍然显示白色的方框。我解决这个问题的唯一方法是把一个VStack放在整个设备上，然后它看起来很好，但是它截断了模拟器中的welcomeBodyText，而不是在真正的设备上，这是令人担忧的，因为我需要确保这在所有设备上都能工作。
由于HeaderNav只是显示徽标和公司名称，所以没有理由选择它，也没有理由在每一页上读出它，所以我想把它完全隐藏起来，然后立即阅读welcomeHeaderText和welcomeBodyText。
HeaderN
浏览 8提问于2022-03-14得票数 0
回答已采纳
我有以下代码示例： struct ContentView: View {
@State var showText = true
var body: some View {
VStack {
if self.showText {
Text("Hello")
}
//else {
// EmptyView()
// }
}
}
} 当它运行时，我得到的文本显示为
浏览 29提问于2020-01-08得票数 1
1回答
有一个代码，通过按下屏幕底部的“注册”按钮，应该打开另一个窗口。但由于某些原因，当您单击按钮时，不会发生任何操作。
当我点击按钮时，我需要视图来切换。
import SwiftUI
import CoreData
struct LoginView: View {
@State private var email: String = "Email"
@State private var password: String = "Password"
@State private var showSignup: Bool = false
浏览 6提问于2022-02-21得票数 0
我试着创建这样一堆视图：
var body: some View {
GeometryReader { reader in
VStack {
ScrollView(.horizontal) {
HStack(alignment: .bottom) {
ForEach(0..<24) { hour in
VStack {
Rectangle()
.fill(Color.orange)
浏览 5提问于2022-04-04得票数 0
我是SwiftUI的新手，我会在一个定制按钮的定位方面提供一些帮助，因为我无法将它集中起来。我已经使用VStack和HStack试图使按钮底部居中，但按钮保持左对齐。如有任何协助，将不胜感激。
struct ContentView: View {
var body: some View {
VStack {
NavigationView {
Section {
VStack(alignment: .leading) {
Text(
浏览 3提问于2019-11-14得票数 2
回答已采纳
1回答
如何在单击按钮时显示图片和文本？
VStack {
Image(systemName: "house.fill").resizable().aspectRatio(contentMode: .fill) .frame(width: 75, height: 75)
Text("TEST")
Spacer().frame(height: 100)
Button(action: { }) {
Text("TEST").foregroundColor(Color.white).padding()
浏览 2提问于2021-11-03得票数 0
回答已采纳
我不知道为什么，但是VStack不会突然对图像或文本进行居中。我试过使用VStack(alignment:.center)，但没有成功。
struct ContentView: View {
var body: some View {
NavigationView {
GeometryReader { geo in
Group{
VStack() {
Image(systemName: "car.fill")
}
浏览 3提问于2020-09-10得票数 0
回答已采纳
1回答
我想添加子视图到我的VStack自下而上的方式。默认情况下，VStack只从中心填充。我试着让Y偏移到子视图，但这并不能像预期的那样产生输出。
请查找我的代码示例如下：
import SwiftUI
let colors = [Color.red, Color.green, Color.blue, Color.yellow]
struct DiskView: View {
let id:Int!
var body: some View {
ZStack{
colors[id]
Text("\(i
浏览 3提问于2022-10-18得票数 1
回答已采纳
3回答
我正在尝试用watchOS构建一个简单的SwiftUI用户界面，在一个按钮之上并排放置两条信息。
我希望每个边(表示为一个VStack在一个HStack中)占用一半的可用宽度(所以它是一个均匀的50/50的分裂在黄色父视图中)被分割，在下面的例子中，在这个按钮的中心。
我要更短更长！每个文本的中心是每一方的50%。
我从下面的代码开始，以使元素就位并显示一些不同堆栈的界限：
var body: some View {
VStack {
HStack {
VStack {
Text("Short")
浏览 1提问于2019-06-16得票数 63
我有一个要使用按钮刷新的颜色列表。这就是我现在所拥有的。 var body: some View {
let happy = ["red","blue","purple","green"]
let randomHappy = happy.randomElement()!
ZStack {
Rectangle()
.foregroundColor(/*@START_M
浏览 7提问于2021-05-03得票数 0
回答已采纳
我定制了文本字段并将其放入VStack中，但是当我单击文本字段时，它不起作用。但是如果我把它放在VStack之外，它会工作得很好。请检查代码并给出解决此问题的任何答案。提前谢谢。 struct LoginView: View {
@State var email = ""
@State var password = ""
var body: some View {
NavigationView {
VStack {
// email
浏览 18提问于2020-02-02得票数 1
回答已采纳
看这个简单的例子。将DatePicker放入VStack中存在奇怪的布局问题，导致VStack中的所有内容都不显示(我使用的是XCode 13.2 + has 15.2)。
struct ContentView: View {
@State var date: Date = Date()
var body: some View {
Form {
VStack {
DatePicker("Date", selection: $date)
Text(&#
浏览 3提问于2022-03-26得票数 0
1回答
考虑到以下代码：
import SwiftUI
struct ContentView: View {
var body: some View {
NavigationView {
VStack {
ForEach(0..<3) { index in
NavigationLink(destination: TestView(index)) {
Text("Hello, world!")
浏览 7提问于2022-11-08得票数 0
我有一个HomeView
NavigationView {
ZStack {
VStack {
NavigationLink(destination: ProfileView()) {
if session.userInSession?.activated != 1 {
completionText(message: "Complete Your Profile")
} else {
浏览 5提问于2020-07-09得票数 4
回答已采纳
我不明白为什么文本值不变。如果删除TextField，文本值会更改:/是否有关于合并或SwiftUI的内容？
struct ContentView2: View{
@State private var numTouches: Int = 0
@State private var num: String = ""
var body: some View {
VStack{
Button("Touch me pls"){
self.numTouches += 1
浏览 1提问于2020-06-29得票数 1
回答已采纳
3回答
在尝试构建登录视图时，我正在探索SwiftUI，但现在我面临着一个问题
这就是我想要实现的：
正如您所看到的，我已经达到了这一点，但是我不喜欢我的实现
struct ContentView : View {
@State var username: String = ""
var body: some View {
VStack(alignment: .leading) {
Text("Login")
.font(.title)
.multilineTextAlignment(.c
浏览 0提问于2019-06-17得票数 4
3回答
有没有办法在SwiftUI中有条件地模糊视图？
例如，对于VStack：
VStack {
//contents
}.blur(radius: 20)
会模糊视野。但是，我想根据某种情况来模糊它。
我可以使用if语句，但这意味着用如下代码编写视图两次：
if(shouldBlur)
{
VStack {
//contents
}.blur(radius: 20)
}
else
{
VStack {
//contents
}
}
这是实现预期结果的唯一途径吗？
浏览 16提问于2022-05-11得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
