コンパイラ エラー - Swift UI コード内の式を個別の部分式に分割するにはどうすればよいですか?
エラーを解決するためにコードをグループ化するにはどうすればよいですか。
"コンパイラはこの式を適切に型チェックできません 時間;式を個別の部分式に分割してみてください。
スタック オーバーフローで他のすべてのメソッドを試しましたが、コード内でさらにエラーが発生するだけです。注 - このページの目的は、さまざまな場所の情報を表示し、場所が選択されたときに詳細情報を含むヒーロー ビュー (ポップアップ ビュー) を提供することです。
これが私のコードです...
struct MainView : View {
@State var topIndex = 0
@State var index = 0
@State var show = false
@State var selectedIndex = 0
// hero Animation....
@Namespace var name
var body: some View{
ZStack {
Image("background1")
.resizable()
.scaledToFill()
.edgesIgnoringSafeArea(.all)
ZStack{
VStack(spacing: 0){
// tab view with tabs....
// change tabs based on index...
// Scroll View For Smaller Size Phones....
ScrollView(UIScreen.main.bounds.height < 750 ? .vertical : .init(), showsIndicators: false) {
VStack{
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 30){
}
}
.padding(.horizontal)
}
.padding(.top,60)
// Vertical Menu...
HStack{
VerticalMenu()
// moving view to left...
.padding(.leading,-165)
.zIndex(1)
// moving view in stack for click event...
// Scroll view....
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 15){
ForEach(landmarkData, id: \.id) { landmark in
ZStack(alignment: Alignment(horizontal: .center, vertical: .top)){
VStack(alignment: .leading){
Image(landmark.image)
.resizable()
.aspectRatio(contentMode: .fit)
// rotaing image....
.matchedGeometryEffect(id: landmark.image, in: name)
Spacer(minLength: 0)
Text(landmark.name)
.font(.system(size: 22))
.fontWeight(.bold)
.foregroundColor(.black)
Spacer(minLength: 0)
Text(landmark.category)
.foregroundColor(Color.white.opacity(0.6))
Text(landmark.park)
.font(.system(size: 22))
.fontWeight(.bold)
.foregroundColor(.black)
}
VStack(alignment: .leading){
Image(landmark.image)
.resizable()
.aspectRatio(contentMode: .fit)
// rotaing image....
.matchedGeometryEffect(id: landmark.image, in: name)
Spacer(minLength: 0)
Text(landmark.name)
.font(.system(size: 22))
.fontWeight(.bold)
.foregroundColor(.black)
Spacer(minLength: 0)
Text(landmark.category)
.foregroundColor(Color.white.opacity(0.6))
Text(landmark.city)
.font(.system(size: 22))
.fontWeight(.bold)
.foregroundColor(.black)
}
}
.padding(.horizontal)
.padding(.vertical)
// fixed Frame...
.frame(width: UIScreen.main.bounds.width - 150, height: 360)
.background(Color(.white))
// opening hero animation...
.onTapGesture {
withAnimation(.spring()){
selectedIndex = i
show.toggle()
}
}
}
}
.padding(.leading,20)
.padding(.trailing)
}
.padding(.leading,-165)
}
// fixed height...
.padding(.top,30)
.frame(height: 400)
// when view is rotated width is converted to height,...
.padding(.top,25)
.padding(.horizontal)
// Menu...
}
.padding(.top,20)
.padding(.horizontal)
Spacer(minLength: 0)
}
// since all edges are ignored....
.padding(.top,UIApplication.shared.windows.first?.safeAreaInsets.top)
.padding(.bottom)
}
// Hero View....
if show{
VStack{
VStack{
HStack{
Button(action: {}) {
Image(systemName: "suit.heart")
.font(.system(size: 22))
.foregroundColor(.white)
}
Spacer()
Button(action: {
// closing hero view...
withAnimation(.spring()){
show.toggle()
}
}) {
Image(systemName: "xmark")
.font(.system(size: 22))
.foregroundColor(.white)
}
}
Image(landmark.image)
.resizable()
.aspectRatio(contentMode: .fit)
.frame(height: 250)
.matchedGeometryEffect(id: landmark.image, in: name)
.rotationEffect(.init(degrees: 12))
.padding(.horizontal)
}
.padding()
.padding(.top,UIApplication.shared.windows.first?.safeAreaInsets.top)
.background(Color(.white))
ScrollView(UIScreen.main.bounds.height < 750 ? .vertical : .init(), showsIndicators: false) {
HStack{
VStack(alignment: .leading, spacing: 10) {
Text(landmark.category)
.foregroundColor(.gray)
Text(landmark.park)
.font(.system(size: 22))
.fontWeight(.bold)
.foregroundColor(.black)
}
Spacer()
Text(landmark.state)
.font(.system(size: 22))
.fontWeight(.bold)
.foregroundColor(.black)
}
.padding()
Text(landmark.imageName)
.foregroundColor(.black)
.padding(.top,20)
.padding(.horizontal)
Spacer(minLength: 0)
Spacer(minLength: 0)
// Button...
Button(action: {}) {
Text("View on Live Map")
.fontWeight(.bold)
.padding(.vertical)
.foregroundColor(.white)
.frame(width: UIScreen.main.bounds.width - 100)
.background(Color.black)
.clipShape(Capsule())
}
.padding(.bottom,40)
.padding(.top)
}
}
.background(Color.white)
}
}
}
}
1
これは codereview.stackexchange.com に適している可能性があります
– アージー2020 年 9 月 3 日 9:11
------------------------
その巨大なブロック内のすべての論理サブパーツを個別のビューに移動する必要があります。たとえば、水平スクロール ビュー全体を分離して HeaderView という名前を付けることができます。
VStack{
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 30){
// ... other code
}
}
.padding(.horizontal)
}
.padding(.top,60)
あなたは持っています
VStack{
HeaderView()
// other code
そして
struct HeaderView: View {
var body: some View {
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 30){
}
}
.padding(.horizontal)
}
.padding(.top,60)
}
}
そしてこのようにしてブレイク＆amp;可能な限り組み合わせてください。
新着記事:
Micrometer @Timed アノテーションはログをファイルに書き込みますか?PHP配列内の「https」json配列をデコードするPython - FastAPIリクエストのハッシュ不可能な型最新のコミュニティ Artifactory Docker イメージ ( artifactory-cpp-ce:latest ) を使用した Maven リポジトリ タイプの作成/使用に関する問題配列 – すべての文字を出力した後に意味不明な文字を出力する C++php - なぜ json_decode を 2 回使用する必要があるのか理解できません。 Laravel の移行とモデルSVG画像をカーソルとして表示する方法Python - トークン (ストライプ) の作成時に指定された API キーが無効ですPython Flask APIはパブリックIPを使用してリモートアクセスしますPython - 印刷番号を表示するこのコードを実行する、よりクリーンでより良い方法はありますか?ios - Vapor フレームワーク postgresql を使用した Swift バックエンドjava - dp で開始された SSO と sp で開始された SSO を Spring SAML Web アプリに共存させることは可能ですか?