使用maxWidth时SwiftUI文本对齐不起作用
在SwiftUI中，使用maxWidth修饰符可以限制文本视图的最大宽度。然而，有时候在使用maxWidth时，文本对齐可能不起作用的问题可能会出现。
这个问题通常是由于文本视图的父容器限制了其宽度，导致maxWidth无法生效。为了解决这个问题，可以尝试以下几种方法：
- 使用frame修饰符：可以在文本视图上使用frame修饰符来显式设置其宽度。例如，可以将frame(width: .infinity, alignment: .leading)应用于文本视图，将其宽度设置为父容器的宽度，并将对齐方式设置为左对齐。
- 使用Spacer视图：可以在文本视图前后添加Spacer视图，以填充剩余空间。这样可以确保文本视图可以根据需要扩展到最大宽度，并保持对齐方式。
- 使用GeometryReader视图：可以使用GeometryReader视图来获取父容器的大小，并将其传递给文本视图。这样可以确保文本视图可以根据父容器的大小进行布局，并保持对齐方式。
综上所述，以上是解决使用maxWidth时SwiftUI文本对齐不起作用的几种方法。根据具体情况选择适合的方法来解决问题。
关于腾讯云相关产品，腾讯云提供了丰富的云计算服务和解决方案，包括云服务器、云数据库、云存储、人工智能等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。
相关·内容
? 我正在尝试将"Top Text“与屏幕顶部对齐，但我找不到这样做的方法。“顶部文本”需要在“iphone屏幕的缺口”附近对齐。 我附上了一个屏幕截图的“顶部文本”是当前，并需要移动到顶部 struct ContentView: View {
//var newColor : [String: Double] = setColor(red:247, green:186, blue:161)
var body: some View {
ZStack {
VStack(spacing: 0) {
浏览 68提问于2020-01-19得票数 13
回答已采纳
我有以下代码： struct ContentView: View {
var body: some View {
Text("Test")
.foregroundColor(.white)
.font(.subheadline)
.frame(maxWidth: .infinity)
.alignmentGuide(.leading) { d in d[.leading] }
.background(Color(.blue))
浏览 31提问于2020-07-05得票数 7
回答已采纳
我试图将HStack中的文本(图片中的HStack )对齐到顶部，但是HStack对齐不起作用。它还在中间。
这是我的密码：
struct ContentView: View {
var body: some View {
VStack {
HStack(alignment: .top) {
Text("Test")
.font(.largeTitle)
.fontWeight(.bold)
浏览 0提问于2020-08-19得票数 1
回答已采纳
我想一个接一个地对两个HStacks 的观点进行调整。这意味着：
第一个堆栈的第一个文本与第二个堆栈的第一个文本对齐。第一个堆栈的第二个文本与第二个堆栈的第二个文本对齐。第一个堆栈的第三个文本与第二个堆栈的第三个文本对齐。
我需要两个HStacks，因为我必须将样式应用到它们的水平上。
我尝试过使用布局指南，但它只是将每个HStack与布局指南对齐，所以在我的情况下它不起作用。
操场截图：
操场代码：
import SwiftUI
struct ContentView: View {
let alignmentGuide = HorizontalAlignment
浏览 4提问于2022-07-27得票数 0
我想要创建一个复杂的SwiftUI视图，其中包含一个标签和一个计时器值。
我希望标签在复杂的背景层上，而计时器值在复杂的前景层上，以便它们分别着色。
我希望这一行文字，包括两个部分，是居中。
问题是，当使用Text.DateStyle.timer时，文本在复杂的视图和正常视图中的行为不同。
在普通视图中，文本帧的行为与任何其他文本一样，只占用它所需的空间。
当以复杂的方式显示时，文本帧会展开以填充其所能填充的所有空间，并且内部的文本将被左对齐。
这使得我无法找到一种方法来集中2组文本。
我尝试了一种带有无限间隔的有点讨厌的方法，试图从具有扩展框架的文本中窃取额外的空间。这可以使内容居中，但它会
浏览 12提问于2022-05-27得票数 0
2回答
如何在占用更多空间的VStack中将Text与左对齐 ? 这是我使用的代码 VStack(alignment:.leading) {
Text("Test")
.font(.system(size: 10))
.frame(maxWidth: .infinity, maxHeight: .infinity)
}.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(Color.green)
浏览 64提问于2020-10-04得票数 0
? 如何使图像和文本对齐与SwiftUI LazyVGrid中的其他3个图像和文本对齐方式相同，如下图所示？ 我认为问题是如果文本是多行的，如何让文本从顶部开始。在安卓系统中，我可以使用gravity="top|center“，但在SwiftUI系统中，我使用了.multilineTextAlignment(.center)，但结果与我预期的不同。 ? 下面是我在代码中尝试的内容： LazyVGrid(columns: gridItemLayout, spacing: 0) {
ForEach((0...7), id: \.self) { i in
浏览 80提问于2021-02-25得票数 3
回答已采纳
我试图在两个不同的HStacks中对齐文本，但是很难让第二个(较短的)文本与第一个HStack对齐。我试过使用.frame(minWidth:0，maxWidth：.infinity)和Spacer()的解决方案，但没有找到解决方案，这可能吗？
struct ContentView: View {
var body: some View {
VStack(alignment: .leading) {
HStack {
Spacer()
Text("Lorem ipsum dolor")
浏览 2提问于2020-11-21得票数 0
回答已采纳
我遇到了一些用于小部件代码的SwiftUI的问题。我想创建一个文本组件，它可以缩小文本，但前提是它包含的文本不适合。然而，我发现它一直在缩小文本的比例。有人知道我做错了什么吗？
Text(verbatim: entry.records[0].value)
.foregroundColor(.white)
.font(Font.custom("SFCompactDisplay-Thin", size: 48))
.minimumScaleFactor(0.75)
.frame(minWidth: 100, idea
浏览 0提问于2020-08-31得票数 0
给定以下代码片段，我可以对齐文本视图的前边缘，但是我如何指定它们与它们的前边缘对齐，并且距实际VStack容器的左边缘有一定数量的像素呢？
VStack {
Text("Simple Swift Guide")
.font(.title)
Text("SwiftUI Tutorials")
.font(.subheadline)
.foregroundColor(.gray)
}
.frame(maxWidth: .infinity)
.background(Color.yellow)
浏览 16提问于2021-05-14得票数 1
回答已采纳
我尝试过这段代码，并将嵌套视图的对齐设置为.top。但它仍然是被腐蚀的。
struct ContentView: View {
var body: some View {
ZStack {
Rectangle().fill(Color.red).frame(maxWidth: .infinity, maxHeight: 100, alignment: .top)
}
}
}
浏览 3提问于2021-03-23得票数 2
回答已采纳
1回答
我在试图用一个关闭按钮来模拟导航模式的单个元素时遇到了困难。我想要居中的内容，而不使用支持矩形的边或间隔。
我想要实现的是，每当文本增长时，如果文本到达左侧，其中有“关闭xmark”按钮，则应该尝试在有可用空间的右侧按下自己，直到到达正确的边框为止，如果两边没有可用的空间，则应该在“包装”之后按下自己。
以下是一些图片：
预期结果1
预期结果2
当前解决方案短文本
当前解决方案长文本
我试着用长的和短的文本来测试内容行为。
目前，这是代码的开始，基本上我想避免添加蓝色矩形(通常是清晰的)。
struct TestAlignmentSwiftUIVi
浏览 5提问于2021-08-05得票数 2
回答已采纳
13回答
在Text视图的许多属性中，我找不到任何与文本对齐相关的属性。我在一个演示中看到，它会自动处理RTL，当使用视图的body放置东西时，它总是自动对齐。
是否有关于SwiftUI中布局系统的概念，如果没有，如何将文本对齐属性设置为Text
浏览 1提问于2019-06-04得票数 262
回答已采纳
1回答
我有一个非常基本的视图，在SwiftUI中有一个标签，我很难让它与左边对齐。这就是它的本质：
VStack(alignment: .leading) {
Label("Hi", ...)
}
.frame(maxWidth: .infinity)
不管我做了什么，标签都会停留在视图的中心。我怎么才能解决这个问题？
浏览 7提问于2022-03-09得票数 1
回答已采纳
2回答
如果按钮位于列表中，是否可以将按钮文本居中？ struct HomeView: View {
var body: some View {
List {
ForEach(["1", "2"], id: \.self) {
Text("\($0)…").frame(maxWidth: .infinity, alignment: .center)
}
Button("Action button") {}
浏览 35提问于2021-09-28得票数 0
2回答
我想把一些文字放在容器里。容器具有min/maxWidth约束。但是，当我用Center包装文本时，无论文本的长度如何，容器的宽度都会达到最大值。当文本较少/没有文本时，容器宽度不会缩小到最小大小。
这是代码
import 'package:flutter/material.dart';
import './constants.dart';
void main() {
runApp(ProviderScope(child: MyApp()));
}
class MyApp extends StatelessWidget {
@override
W
浏览 7提问于2020-12-22得票数 3
回答已采纳
我正在努力实现这样的设计，即在一个单元格内有进展：
但问题是，当有更多的最大项(例如：50 )时，我无法找到一种简单的方法来防止屏幕尺寸过大，这会导致：
我想做的是：
我不想控制/计算ForEach的最大项，因为这是由业务逻辑驱动的，可以只裁剪图形。
所需：
containerText 1和Text 2扩展到左边和右边。当图形有较少的项时，文本设置最小宽度：
我现在拥有的是：
struct Row: View {
var body: some View {
HStack(alignment: .bottom, spacing: 0) {
浏览 10提问于2022-11-13得票数 1
我不知道如何在ZStack上对齐Image视图，默认情况下，SwiftUI中的视图放在其父视图的中心，然后我们使用堆栈来对齐它们，我有以下一段代码：
struct ContentView: View {
var body: some View {
ZStack {
Image("bgImage")
Text("Hello, World!")
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.backg
浏览 5提问于2020-01-25得票数 12
回答已采纳
所以这是个奇怪的问题，看上去像个窃听器。当放置在按钮内时，不能在一条线上放错对齐的标题。它应该与左边对齐，但显示为居中。
最新消息，XCode 13.2.1
MRE在下面，任何提示都非常感谢！
HStack {
HStack{
Image(systemName: "square.and.pencil")
.resizable()
.scaledToFit()
.frame(width: 20, height: 20)
Text("Some kind of title") // <- aligned
浏览 5提问于2022-01-12得票数 0
回答已采纳
1回答
我有以下代码：
Button(action: {
}, label: {
Text("Save".uppercased())
.foregroundColor(.white)
.font(.headline)
.background(Color.accentColor)
.frame(height: 55)
浏览 4提问于2022-02-16得票数 0
回答已采纳
1回答
我想为我的图表设计这样的东西。用我的代码，我实现了这样的目标。
文本与垂直线不对齐。希望我在这方面的做法是完全错误的。任何帮助都是非常感谢的。
我使用了以下代码。
struct FirstFormatterIndicator: View {
var text: String
var body: some View {
VStack(alignment: .leading, spacing: 0) {
Rectangle().frame(width: 1, height: 5)
.fore
浏览 5提问于2022-11-02得票数 0
2回答
在包装文本时更改img边距
、、、、
我在堆栈面板中有一个文本块和一个图像，如下所示：
<StackPanel Height="Auto" Name=stackPanel" Width="Auto" Orientation="Horizontal" >
<TextBlock Height="Auto" Name="textBlock" Width="Auto" TextWrapping="Wrap" MaxWidth="168" />
<Image M
浏览 2提问于2014-04-21得票数 1
回答已采纳
1回答
我有一个带有文本和按钮的小HStack。这在maxWidth: 200中是有限的。
import SwiftUI
struct ContentView: View {
var body: some View {
HStack {
Text("Some Text")
.frame(maxWidth: .infinity)
Button(action: {}, label: {
Text("A Very much to long butt
浏览 10提问于2021-12-26得票数 0
回答已采纳
我在使用SwiftUI获取工作表中两个按钮(取消和确定)的正确对齐时遇到问题。
我希望这两个按钮出现在工作表的底部，以便这两个按钮跨越整个工作表的水平宽度(减去填充)。
我已经找到了几个答案(比如将maxWidth设置为.infinity或by )，但似乎没有一个适合我。唯一在某种程度上起作用的是。但是，我必须重新创建整个默认的ButtonStyle (默认按钮不同，白天和晚上的模式不同，...)
我现在拥有的代码是：
var body: some View {
VStack() {
...
HStack {
浏览 1提问于2021-05-09得票数 0
是否有一种方法可以在SwiftUI内部滚动视图中构建具有底部对齐方式的UI元素？
我的用例:我有一个屏幕
elements)LogoViewSpacer() -30下面的文本- 4/5 linesSpacer() - 50 (这将由GR大小的Height)HStack和两个按钮计算)这应该被固定在视图/ ScrollView的底部。
我想知道如何将HStack视图引脚到ScrollView底部
我复制了我的设置，并在斯威夫特游乐场复制了我的问题，就像这样
struct ContentView: View {
var body: some View {
Geom
浏览 0提问于2020-12-20得票数 4
回答已采纳
我正在努力实现这个观点(在截图上)。用户可以在此框中键入某些内容。他应该能够创造新的段落，但文本不应该再超过框的高度，例如，行边框。目标：
但是，在选择TextField时，行在输入时水平增长。我试图通过添加".linelimit(nil)“进行修改，但它不起作用。
但也存在着缺少占位符以及布局和文本填充修改的问题。添加填充时，布局如下所示：
。
这就是我在TextEditor上的情况：
struct Notes: View {
@State private var notes = ""
var body: some View {
浏览 8提问于2022-02-22得票数 0
回答已采纳
我对SwiftUI还有些陌生，我遇到了一个奇怪的案例，我对此并不完全了解。基本上，我有一个VStack，其中包含一些文本视图，但也有一个背景视图。理想情况下，我希望背景的宽度能增长到一定程度。我认为这就是.frame()中minWidth和maxWidth的用途
我从这个开始，它似乎起作用了：
struct TestView: View {
var body: some View {
VStack {
Text("Title")
Text("Message")
}
浏览 8提问于2021-02-22得票数 0
Text元素在ZStack(alignment: .bottom)中显示在容器的底部(如预期的那样)。因此，如果相同的ZStack位于GeometryReader中，则对齐的行为不再相同。
此代码：
var body: some View {
ZStack(alignment: .bottom) {
VStack {
Text("Outside geo")
}
GeometryReader { geo in
ZStack(alignment: .bottom) {
VStack {
T
浏览 25提问于2022-03-09得票数 0
我试图在一个文本菜单条项目中垂直对齐中间的文本，并手动设置高度为60。然而，无论我尝试什么，文本总是在顶部。同一项目中的图像将正确地对齐我所做的任何事情。
我尝试过以下几种方法：
foreach (ToolStripItem item in ContextMenuStrip1.Items)
{
item.AutoSize = false;
item.Height = 60;
item.Width = maxWidth;
item.TextAlign = ContentAlignme
浏览 1提问于2011-06-15得票数 4
我刚开始与迅捷，我面临的问题，在ui对齐。下面的代码从图像顶部创建一个空间
VStack(alignment: .leading) {
Image(item.imageUrl)
.resizable()
.aspectRatio(contentMode: .fit)
.frame(width: 72, height: 72, alignment: .top).padding(.top,0)
Text("\(item.name)").font(Font.system
浏览 5提问于2020-12-18得票数 15
回答已采纳
我正在尝试组合一个视图，该视图由顶部标题视图、底部内容视图和位于顶部的视图组成，该视图位于拆分这两个视图的线的中心。我想我需要一个在ZStack中的对齐向导来定位中间视图，但我在没有间隙的情况下在下部内容视图中获得项目时遇到了问题。
这段代码：
extension VerticalAlignment {
struct ButtonMid: AlignmentID {
static func defaultValue(in context: ViewDimensions) -> CGFloat {
return context[.bottom
浏览 13提问于2021-02-17得票数 2
回答已采纳
我正在尝试构建一个在VStack中包含Text的视图。我希望VStack能够填满整个屏幕，我希望它里面的Text也能做到这一点。据我所知，它的代码如下：
import SwiftUI
struct Test: View {
@State private var text = "Hello, World!"
var body: some View {
VStack {
Text(text)
.frame(maxWidth: .infinity)
.anima
浏览 0提问于2019-11-23得票数 2
1回答
如何防止我的文本自动显示在两行，而不是填写第一行，第一。这是个虫子吗？任何建议都非常感谢。
期望解决方案：
，这就是我得到的：
import SwiftUI
struct ContentView: View {
var body: some View {
VStack {
HStack(spacing: 18) {
VStack {
Text("Need to add a complete sentence.&#
浏览 17提问于2022-08-20得票数 -1
我有一个垂直的ScrollView，它有一个ForEach循环，里面有HStack和Text、Image和两个Text。我想让每一行的项目与彼此保持一致。我尝试过用alignment .leading包装VStack，但什么也没做。我的问题是文本不对齐。对于SwiftUI来说还是很新的，所以如果能提供帮助，我们将不胜感激。
ScrollView(.vertical) {
ForEach(self.daily.forecast, id: \.date) { forecast in
HStack (spacing : 10){
Text(f
浏览 4提问于2021-01-31得票数 2
回答已采纳
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
是否有可能制作包含其内容的分页TabView？我不知道内容的高度(它是一个图像大小，以适应屏幕的宽度)，所以我不能使用frame修饰符。
我的代码如下所示：
ZStack(alignment: .topTrailing) {
TabView {
ForEach(data) { entry in
VStack {
entry.image
.resizable()
.scaledToFit()
.fr
浏览 2提问于2021-11-16得票数 0
我有以下几点
struct hScrollView: View {
@State private var meals = ["short", "long Text", "really long text"]
var body: some View {
VStack(alignment: .leading) {
ScrollView(.vertical, showsIndicators: false) {
VStack(spacing: 30)
浏览 1提问于2020-04-15得票数 0
回答已采纳
SwiftUI 2.0文本支持是否“证明”了多行文本对齐。
如果没有，是否有一种不使用UIKit实现“合理”对齐的方法？
浏览 10提问于2020-10-15得票数 1
我的应用程序中有两个TextEditor在VStack中。我希望它们中的每一个都能扩展到适合它们所包含的文本，但仍然拥抱文本。不幸的是，第一个TextEditor中的长文本相同地扩展了两个TextEditor。就好像他们所在的VStack的总高度被正确地展开了一样，但是额外的高度是由两个编辑器共享的。
只有当我在maxWidth上使用VStack时，才会发生这种情况。如果我修正宽度，它的行为是正确的。
有没有办法解决这个问题，而不失去maxWidth给出的调整大小的行为？
ScrollView {
VStack(alignment: .leading) {
浏览 17提问于2022-04-27得票数 0
回答已采纳
与这里大致相同的问题，但正确对齐：
如何使这个蓝色文本框与窗口大小一起增长，使其最大宽度为200像素，并正确对齐？
这是我有的，但它居中而不是右对齐。为什么？
<DockPanel Background="LightSteelBlue">
<TextBox Margin="3 3 3 3" DockPanel.Dock="Right" MaxWidth="200" />
</DockPanel>
浏览 0提问于2012-08-22得票数 1
回答已采纳
1回答
在UIKit中，可以选择对齐文本，使其看起来像在报纸上一样。但是，我在this元素的SwiftUI中找不到这个选项。我只发现与.trailing、.leading、.center有多行对齐。 谁能给我指个方向？
浏览 23提问于2020-07-24得票数 1
回答已采纳
1回答
我在ZStack...more内对齐文本时遇到了一些问题，特别是如果我在启动应用程序后旋转设备... 我希望文本对齐到视图的顶部前导，但在下面你可以看到正在发生的事情的图像… 如果我在纵向模式下打开应用程序，对齐方式是正确的... Alignment with app started in portrait ...but如果我将设备旋转到横向，文本将移动到顶部中心... Alignment after rotation to landscape 同样的事情，如果我启动应用程序与设备在横向，所有正确对齐… Alignment with app started in landscape ...b
浏览 10提问于2021-01-10得票数 0
回答已采纳
2回答
SwiftUI公开组文本对齐
、、、、
是否有办法防止DisclouseGroup标题中的包装文本对齐？
我试图补充以下内容，但这两种方法都没有奏效：
DisclosureGroup("A really long disclosure group title that is being center aligned.", isExpanded: false) {
...
}
.multilineTextAlignment(.leading)
DisclosureGroup("A really long disclosure group title that is being center al
浏览 8提问于2022-07-31得票数 3
回答已采纳
1回答
我在使用时面临一个问题。虽然我能够很好地生成PDF，但我似乎无法正确地证明文本是正确的。align: 'justify'属性的行为似乎与align: 'left'相同，当将maxWidth设置为特定数字时，文本不对齐。示例性代码片段：
doc.text(
"Lorem ipsum solor dit samet lorem ipsum solor dit samet lorem ipsum solor dit samet lorem ipsum solor dit samet lorem ipsum solor dit samet lorem ips
浏览 0提问于2019-03-09得票数 1
我想有三个标签，每个都有一个副标题，并分发平等。
第一个标题/副标题应该是对齐的(见下面的绿色边框)中间的标题/字幕应该居中(见下面的蓝色边框)最后一个标题/字幕应该是尾随对齐的。(见下面的红色边框)，只要它们是等宽的，它们都应该尽可能多的宽度。
这是我所需要的草图：
这就是我可以使用的SwiftUI视图
问题是我不能根据需要调整标题。
以下是我当前的非工作代码
import SwiftUI
struct MyView: View {
public var body: some View {
HStack(spacing: 0) {
浏览 1提问于2021-02-10得票数 0
回答已采纳
我有一个问题，我正在尝试创建具有规格尺寸的TextView，我在onMeasure method.My程序中这样做，我想要更改文本对齐方式，所以我调用setGravity(Gravity.RIGHT)方法，但它不起作用，文本仍然在左侧。
下面是我的代码，希望有人能帮我：
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
LinearLayout layout = new LinearLayout(this);
MyLabe
浏览 0提问于2014-05-29得票数 1
我正在实现一个应用程序，它需要一个非常常见的场景:选择器的值作为Textfield的输入。在选择器屏幕的右上角有一个“完成”按钮，可以将值保存到textfield。我使用的是SwiftUI而不是UIKit。我看到了许多UIKit解决方案，但没有一个只使用SwiftUI。有没有一种在纯swiftUI中实现此函数的方法？
struct AddFoodView: View{
@State private var name = ""
@State private var count : String = "1"
@State private va
浏览 4提问于2020-12-26得票数 3
回答已采纳
你怎么把短信集中在这里？
文本位于scrollViews的左侧。
.center是干什么的？
var scrolls = ["One", "Two", "Three"]
VStack {
Spacer()
ForEach(0..<scrolls.count
, id: \.self) { index in
ScrollView(.horizontal, shows
浏览 11提问于2022-04-01得票数 1
回答已采纳
我对斯提图伊很陌生，开始有点流行起来。但是我面临的主要问题是创建一个不同屏幕大小的应用程序。这让我陷入了创建应用程序的瓶颈。我试图通过在GeometryReader{ geometry in ...}中封装整个代码来解决这个问题，然后使用geometry指定各种元素的大小(宽度、高度)以及.position。添加了示例代码。然而，当我切换屏幕尺寸时，它看起来就像一团乱。我在这件事上被困了很长时间。如果我使用了完全错误的方法，请纠正我。
struct CarInfoCard: View {
@State var cardValue: String
@State var
浏览 0提问于2020-10-02得票数 0
回答已采纳
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
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
