- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
self.imagesViewModel.allImages[post.imageContentURL]?
.resizable()
.scaledToFill()
.frame(width: 343, height: 171, alignment: .center)
.clipShape(Rectangle())
.shadow(radius: 1)
当返回的图像值为
nil
时,这段代码应该什么都不做。 .但无论出于何种原因,
.frame
修饰符仍然影响 ScrollView 内的其他元素。它最终会在物理上阻碍导航链接,但在视觉上不会。
.frame
被删除,一切都按我的意愿工作。但是我需要对图像设置限制,所以我不能没有这种东西。
nil
并且仅在返回图像时显示,但这不起作用。此代码的其他变体也不起作用。
if self.imagesViewModel.allImages[post.imageContentURL] != nil {
self.imagesViewModel.allImages[post.imageContentURL]?
.resizable()
.scaledToFill()
.frame(width: 343, height: 171)
.clipShape(Rectangle())
.shadow(radius: 1)
}
我也尝试将最小值设置为零,但没有运气。
import SwiftUI
import Combine
struct Post: Codable, Identifiable {
var id: Int
var text: String
var imageContentURL: String?
}
class PostsViewModel: ObservableObject {
@Published var posts: [Post] = []
}
class ImagesViewModel: ObservableObject {
@Published var allImages: [String?: Image] = [:]
}
/// The View of the content displayed in Home
struct PostLayout: View {
@EnvironmentObject var imagesViewModel: ImagesViewModel
var post: Post
init(post: Post) {
self.post = post
}
var body: some View {
VStack {
// This is the navigation link that gets obstructed
NavigationLink(destination: SomeOtherView()) {
Image(systemName: "circle.fill")
.resizable()
.frame(width: 48, height: 48)
.clipShape(Circle())
}
Text(self.post.text)
// MARK: This is the problem code, border added for clarity
self.imagesViewModel.allImages[self.post.imageContentURL]?
.resizable()
.scaledToFill()
.frame(width: 343, height: 171)
.clipShape(Rectangle())
.shadow(radius: 1)
.border(Color.black, width: 1)
}
.border(Color.black, width: 1)
}
}
/// View that is navigated to from Home
struct SomeOtherView: View {
var body: some View {
Text("SomeOtherView")
}
}
/// Main displayed view
struct Home: View {
@EnvironmentObject var postsViewModel: PostsViewModel
@EnvironmentObject var imagesViewModel: ImagesViewModel
var body: some View {
NavigationView {
ScrollView {
ForEach(self.postsViewModel.posts) { post in
PostLayout(post: post)
}
}
.onAppear() {
// All displayed content created here
var post1 = Post(id: 0, text: "Content")
let post2 = Post(id: 1, text: "Content")
var post3 = Post(id: 2, text: "Content")
let post4 = Post(id: 3, text: "Content")
let imageURL = "someImageURL"
self.imagesViewModel.allImages[imageURL] = Image(systemName: "circle")
// Only two posts are supposed to have an imageURL
post1.imageContentURL = imageURL
post3.imageContentURL = imageURL
self.postsViewModel.posts.append(contentsOf: [post1, post2, post3, post4])
}
.navigationTitle("Home")
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
Home()
.environmentObject(PostsViewModel())
.environmentObject(ImagesViewModel())
}
}
最佳答案
正如您已经注意到 .frame
修饰符不是特定于图像的。即使图像是 nil
,它也可以工作.
您可以做的是检查 Image
可以加载。您可以使用 UIImage(named:)
来做到这一点。 (返回一个可选的):
@ViewBuilder
var body: some View {
if UIImage(named: "imageName") != nil {
Image("imageName")
.resizable()
.scaledToFill()
.frame(width: 343, height: 171, alignment: .center)
...
}
}
或者,或者:
@ViewBuilder
var body: some View {
if imagesViewModel.allImages[post.imageContentURL] != nil {
imagesViewModel.allImages[post.imageContentURL]!
.resizable()
.scaledToFill()
.frame(width: 343, height: 171, alignment: .center)
...
}
}
String?
在字典中。只需将其替换为:
@Published var allImages: [String: Image] = [:]
然后使用
if
检查图像是否不为零的语句(在 Xcode 12 中,您也可以使用
if-let
):
if self.post.imageContentURL != nil {
self.imagesViewModel.allImages[self.post.imageContentURL!]?
.resizable()
.scaledToFill()
.frame(width: 343, height: 171)
.clipShape(Rectangle())
.shadow(radius: 1)
.border(Color.black, width: 1)
}
关于ios - 为什么当附加到 nil 图像时,帧修饰符仍然会影响其他 View ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63552394/
每次我尝试构建(执行完整的 Clean,然后构建)时,我都会在 Eclipse 的问题部分下弹出此错误消息。项目本身旁边还显示一个错误。 我已经尝试了同一问题的其他解决方案中包含的所有内容: 删除项目
我收到以下错误(注意:我使用的是 Netbeans): java.sql.SQLException: No suitable driver found for jdbc:derby://localho
例如 //somewhere struct IFace; struct Base { Base(IFace* iface): f(iface) { //wi
我试图通过 stringstream 将 double 变成字符串,但它不起作用。 std::string MatlabPlotter::getTimeVector( unsigned int xve
我正在尝试使用 AudioKit 框架中的音序器播放音频文件。 AudioKit.output = sampler AudioKit.start() sampler.enableMID
昨天我问了一个关于插入 Heroku 的问题。它不工作,然后突然开始工作。我什么都没改变。现在在一个新的应用程序上,我遇到了完全相同的问题。我决定包含我的整个 Gemfile,希望我可以继续没有这种令
我知道,这个topic已经是discussed许多times,所以直截了当。 这是ItemsSource的TabControl: Tabs = new ObservableCollection {
我有一个更新对象的函数,问题是当我从更新表单字段返回到详细 View 时,它初始化旧对象而不是更新后的对象。 我想在 CarService 而不是 app.js 中填充汽车列表 这是我的汽车服务:
在 resolution comments错误报告 12266 (“套接字连接错误导致资源泄漏”),Robert Ehteshamzadeh 写道 TClientSocket is deprecate
我最初发布了一个问题 here 我发现 JTextField 仅在 JScrollPane 存在时才调整大小。换句话说,我可以根据需要最小化和最大化它,直到出现滚动条(因为文本太多,无法放入窗口)。之
我读过关于 postion:absolute 的问题并尝试了几乎所有可能的解决方案。包括相对定位 div,将它们包装在相对定位的父级中等等,但它没有帮助。 我正在绘制一个表格,然后我将 div 放入其
我在这里发起了一个话题document.getElementById not working但看起来即使提出的建议都是有效的,我仍然有问题。 我有几个复选框。当我在这里查看页面源代码时,有。 docu
我正在做一些阅读,试图更好地理解按位运算符,然后偶然发现了 a helpful old blog post from 2012 ,其中指出 - 在随机正整数 x 的奇数测试中 - 在作者的计算机上评估
我正在尝试在 Eclipse Neon 中使用 aspectj 创建一个示例 maven 项目。然而,方面并没有编织/工作(参见下面的输出)。我尝试寻找很多原因和解决方案,但没有一个有效(请参阅下面的
无论我如何配置我的 appsettings.json 和 appsettings.Development.json,除非我手动添加 ConfigureLogging,否则我无法在信息消息下方记录任何内
我正在尝试使用 JQuery .get() 方法和 JavaScript for 循环来处理来自外部文件的一些数据。我已经在 stackoverflow 上阅读了有关闭包和回调返回值的内容几个小时,但
我正在使用 PHP 5.6 并且要打印一些东西,我必须编辑 php.ini 并包含 php_printer.dll 文件。但是 PHP 5.6 没有.dll 文件。 我要解决的问题: 我想将凭证打印机
我目前正在调试一个包含内存泄漏的大(非常大!)C# 应用程序。它主要使用 Winforms 作为 GUI,尽管一些控件是在 WPF 中制作的,并由 ElementHost 托管。直到现在,我发现许多内
[已解决] 看来 PHP MYADMIN 变量成功了。我将 wait_timeout 设置为 30 ,并将 Lock_wait_timeout 设置为 50 花了将近 6 个小时才恢复稳定,包括几次重
我读过几个关于该主题的讨论,有人说 qmake < 3.0 不正确支持该指令。我刚刚为 g++-64 重新安装了 Qt 5.9.1,但问题仍然存在。此外,我尝试过各种 mkspecs/xxx/xxx.
我是一名优秀的程序员,十分优秀!