我该如何使标题多行显示?
我尝试将标题文本设置为多行,甚至使用allowThigtening(flag:Bool)进行配置,但这些选项均无效。
当前代码在这里:
import SwiftUI
struct DistributionCentersView: View {
var dcViewModel = DistributionCenterViewModel()
@State private var pickedSelectedData = 0
@State private var searchTerm = ""
init() {
//...
}
var body: some View {
NavigationView {
VStack {
VStack {
Picker(selection: $pickedSelectedData, label: Text("")){
Text("All").tag(0)
Text("Nevial").tag(1)
Text("Net power").tag(2)
}.pickerStyle(SegmentedPickerStyle())
.foregroundColor(Color.white)
.background(Color(#colorLiteral(red: 0.03921568627, green: 0.03921568627, blue: 0.03921568627, alpha: 1)))
SearchBar(text: $searchTerm)
}
.padding(.leading, 16)
.padding(.trailing, 16)
.padding(.top, 34)
List {
ForEach (dcViewModel.distribuitionCenters){ dc in
ZStack {
DistributionCenterCell()
.listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
NavigationLink(destination: Text("Test")) {
EmptyView()
}.buttonStyle(PlainButtonStyle())
}// This optionm avoid tinting
}.listRowBackground(Color(#colorLiteral(red: 0.03921568627, green: 0.03921568627, blue: 0.03921568627, alpha: 1)))
}
.navigationBarTitle(Text(Constants.Distribution.text), displayMode: .large)//Desired multiline title
.listStyle(GroupedListStyle())
.navigationBarItems(leading: NavigationLink(destination: ProfileView()) { Image(Constants.NavImages.human).foregroundColor(Color.white)}, trailing: Image(Constants.NavImages.phone).foregroundColor(Color.white))
}
.background(Color(#colorLiteral(red: 0.03921568627, green: 0.03921568627, blue: 0.03921568627, alpha: 1)))
}
}
}
谢谢
正如Asperi所说,默认情况下不可能有多行导航栏标题。因此,按照Asperi的建议,我隐藏了默认标题,并设置了自定义Text():
VStack(alignment: .leading) {
Text(Constants.Distribution.text)
.font(.system(size: 34, weight: .heavy))
.foregroundColor(Color.white)
}
。。。
.navigationBarTitle(Text(""), displayMode: .inline)