1

首先,我看过一个类似的问题,但它没有解决我的用例。

在 iPad 上的 SwiftUI 中呈现 ActionSheet

我的问题是我有一个NavigationBarItem在按下时NavigationView会切换的。ActionSheet此行为在 iPhone 上使用时可以正常工作。

但是,当我在 iPad 上使用它时,屏幕上的两个按钮都会变灰,什么也没有发生。再次单击按钮将使它们处于活动状态(蓝色),但同样不会显示任何工作表。

最后,如果我选择屏幕中间的按钮(显示按钮),那么一个 ActionSheet 就会正确地显示在 iPad 上。

我已经使用 Xcode 11 & iOS 13.5 和 Xcode 12 & iOS 14 进行了测试。行为没有变化。

import SwiftUI

struct ContentView: View {
    @State private var isButtonSheetPresented = false
    @State private var isNavButtonSheetPresented = false

    var body: some View {
        NavigationView {
            Button(action: {
                // Works on iPad & iPhone
                self.isButtonSheetPresented.toggle()
              }) {
                Text("Show Button")
            }
            .actionSheet(isPresented: $isButtonSheetPresented,
                         content: {
                             ActionSheet(title: Text("ActionSheet"))
              })
            .navigationBarTitle(Text("Title"),
                                displayMode: .inline)
            .navigationBarItems(trailing:
                Button(action: {
                    // Works on iPhone, fails on iPad
                    self.isNavButtonSheetPresented.toggle()
                    }) {
                    Text("Show Nav")
                }
                .actionSheet(isPresented: $isNavButtonSheetPresented,
                             content: {
                                 ActionSheet(title: Text("ActionSheet"))
                    })
            )
        }
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

最后,这是点击“显示导航”时它在 iPad 上的显示方式:

在此处输入图像描述

这是发生此问题的屏幕的简化设置。我需要保留显示的导航设置,但为了清楚起见已将它们包括在内。

*** 更新 ***

虽然这背后的真实应用程序不可能,但我确实删除了.navigationViewStyle(StackNavigationViewStyle())设置,这确实使 ActionSheet 出现,尽管在错误的位置,如下所示。

在此处输入图像描述

这也导致通过“显示按钮”访问的按钮位置奇怪。

在此处输入图像描述

4

1 回答 1

1

是的,这是一个错误,但可能不同 - Apple 不允许更改显示的锚点和方向ActionSheet,因为它已显示,但始终位于 iPad 上的原始控件的右侧。为了证明这一点,改变导航中按钮的位置就足够了

这是放置.leading位置的示例。使用 Xcode 12 / iOS 14 测试

演示

.navigationBarItems(leading:       
    Button(action: {
        // Works on iPhone, fails on iPad
        self.isNavButtonSheetPresented.toggle()
        }) {
        Text("Show Nav")
    }
    .actionSheet(isPresented: $isNavButtonSheetPresented,
                 content: {
                     ActionSheet(title: Text("ActionSheet"))
        })
)

注意:SwiftUI 2.0.toolbar的行为方式相同,即。有同样的错误。

于 2020-07-14T03:26:06.430 回答