记一次SwiftUI中使用NavigationLink导致布局错乱的问题

最新推荐文章于 2024-07-03 13:43:44 发布
最新推荐文章于 2024-07-03 13:43:44 发布
阅读量1.9k 收藏
点赞数
分类专栏： SwiftUI 文章标签： swiftui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/evenstyle1/article/details/123230792
版权
在macOS平台中遇到使用NavigationLink后图片和文本显示异常的问题，经微博网友提示，NavigationLink在macOS有默认的按钮样式。为消除此影响，需添加.buttonStyle(.plain)来调整样式。这表明NavigationLink内部可能包含了一个Button。解决方案简单有效，感谢分享。
摘要由CSDN通过智能技术生成

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如图，使用了NavigationLink之后图片显示不出来，文本显示也出现问题，后经微博https://weibo.com/u/1630635304 这位仁兄提点，NavigationLink在macOS下有默认的按钮样式，需要加上.buttonStyle(.plain)才可以，估计里面包了一个Button吧。感谢~~~

SDWTJDW
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
SwiftUI NavigationLink内实现Button按钮独立响应事件(经典教程)
iCloudEnd的博客
08-09 1880
实战需求 SwiftUI NavigationLink内实现Button按钮独立响应事件 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 掌握NavigationLink基础使用 设置NavigationLInk内部组件Button响应优先级 实现内置Button独立响应事件 基础知识 highPriorityGesture(_:including:) 以比视图定义的手势更高的优先级将手势附加到视图。 func highPriorityGesture<T&gt
AVPlayer-SwiftUI:在SwiftUI中使用AVPlayer
04-25
AVPlayer-SwiftUI 该存储库是我在SwiftUI中使用AVPlayer的四部分博客的结果： 免责声明：我不是SwiftUI专业人士，关于此代码的某些事情让人感觉不对，但它可以工作。 那就是 :beaming_face_with_smiling_eyes: 。 我...
NavigationLink （SwiftUI中文文档手册）
iCloudEnd的博客
08-09 2388
NavigationLink 控制导航演示的视图。 struct NavigationLink<Label, Destination> where Label : View, Destination : View 主题 创建导航链接 1、init(destination: Destination, isActive: Binding, label: () -> Label) 创建一个destination活动时显示的实例。 2、init(destination: Destination
SwiftUI 中 Grid 内多个 NavigationLink 同时发生导航之诡异问题的解决
最新发布
享受开发，颠倒银河
07-03 278
在本篇博文中，我们讨论了 SwiftUI 的 Grid（包括 LazyVGrid 和 LazyHGrid）中如果包含多个 NavigationLink，点击任何单独一个都会导致全部 NavigationLink 同时发生导航这一问题的解决方法。
SwiftUI中消除NavigationLink自带右边小箭头的方法
qq_35926606的博客
10-09 2060
SwiftUI中消除NavigationLink自带右边小箭头的方法 在SwiftUI中使用NavigationLink总是会在最右边有一个指示性箭头，如下图 struct ContentView: View { var body: some View { NavigationView { List(0..<4) { index in NavigationLink(destination: Text("hi"), labe
SwiftUI 使用 UIPageViewController 翻页后出现空白的原因及解决
享受开发，颠倒银河
04-19 598
在本篇博文中，我们完成了 SwiftUI 中 UIPageViewController 控件的桥接适配，并解决了 UIPageViewController 滑动翻页后出现空白的问题。
SwiftUI 跳转到新页面（NavigationLink、fullScreenCover、Link）
CSDN博客
03-16 7561
前言 xcode 13.3 iOS 15.2 跳转 添加跳转时间，首先你要在 NavigationView 中包含的代码，只要在vc的body中，把代码放到 NavigationView 就可以了 button 跳转（此处是转化成 Text、Image） 文字button Button("登录/注册") { //文字 print("登录/注册") //点击事件 } 添加跳转事件，YLMySetting是我的要跳转的页面，destination下只要是一个 View就可以跳转，你也可以写一个Te
SwiftUI中的导航 NavigationView 和 NavigationLink
lingjunjie的博客
03-14 685
【代码】SwiftUI中的导航 NavigationView 和 NavigationLink。
SwiftUI-WebView:一个使用WKWebView的SwiftUI组件
05-27
您可以先设置它，然后再在SwiftUI视图中使用它的数据。 只需启动一个WebViewStore （可选地使用您自己的WKWebView ），然后使用它来访问WKWebView本身，就好像它是数据模型一样。 用法示例： import SwiftUI ...
SwiftUIRouter:在SwiftUI中进行路由
05-13
SwiftUI路由器 借助SwiftUI的基于路径的路由，可轻松实现可维护的应用导航。 借助SwiftUI路由器，您可以通过基于路径的路由为您的SwiftUI应用提供动力。 通过使用基于路径的系统，您的应用程序中的导航将变得更加...
ToastUI:在SwiftUI中展示吐司的一种简单方法
03-30
在SwiftUI中展示吐司的一种简单方法 •• 概述 ToastUI提供了一种简单的方法，可以在SwiftUI的所有内容之上呈现烤面包，平视显示器（HUD），自定义警报或任何SwiftUI视图。 入门 这是显示不确定进度指示器HUD并在2秒...
SwiftUI中的 WebView
02-27
在SwiftUI中使用WebView，可以实现与网页交互，展示动态内容，或者加载自定义的HTML页面。 ### SwiftUI WebView基本使用 SwiftUI的WebView通常通过第三方库来实现，因为SwiftUI本身并未内置这个组件。一个常用的第...
[SwiftUI]页面跳转
Gamin
01-28 2425
你可以创建一个自定义的触发器，例如一个自定义的视图，当点击时，展示 Sheet。}) {自定义TabView的样式，比如修改标签栏的背景色、字体颜色等。通过直接访问UITabBar的appearance方法来改变标签栏的背景色。这种方法适用于更改全局的样式，但需要注意这种更改影响到整个 app 的TabView样式。init() {// 自定义 TabBar 的样式TabView {Text("首页").tabItem {Text("首页")Text("设置").tabItem {
SwiftUI 导航 NavigationStack NavigationLink navigationDestination
09-07 1484
导航的显示区域使用NavigationStack，导航的新视图会显示在NavagationStack中。 触发导航的按钮使用NavigationLink。
[SwiftUI]通过NavigationLink进入另一页面时视图会向上弹的修复方法
睡觉的咖啡
03-05 3385
SwiftUI取消了Swift ViewController中的present方法，取而代之的是NavigationLink，然而NavigationLink使用中还是会存在一些问题。其默认情况便是有NavigationBar和Title，然而很多时候我们选择的是自定义的NavigationBar和Title。而有些时候会出现通过NavigationLink跳转后页面向上跳一下的情况，可通过下述方...
SwiftUI中NavigationStack使用以及与NavigationView的区别（NavigationLink，navigationDestination，NavigationPath）
郭永明的技术专栏
06-03 1560
在iOS开发中，导航视图无疑是最常用的组件之一。当SwiftUI首次发布时，它附带了一个名为NavigationView的视图，用于构建基于导航的用户界面。随着iOS 16的发布，苹果已经弃用了旧的导航视图，并引入了一个名为NavigationStack的新视图来呈现视图堆栈。最重要的是，开发人员可以利用这个新视图来构建数据驱动的导航。
SwiftUI 小技巧之如何解决NavigationLink内嵌图片无法点击问题 （教程含源码）
iCloudEnd的博客
01-19 516
实战需求 SwiftUI 小技巧之如何解决NavigationLink内嵌图片无法点击问题 本文价值与收获 看完本文后，您将能够作出下面的界面 看完本文您将掌握的技能 导航容器 NavigationView 导航NavigationLink(destination: Text(“Hello, world!”)) .allowsHitTesting(false) 设置图片大小可变.resizable() 将此视图剪辑到其边界矩形框架.clipped() 实战代码 import SwiftUI st
更优雅地调试SwiftUI—借助LLDB
Vikill
08-09 5587
LLDB 注入代码的功能固然强大，但是如果我们无从知晓在 LLDB 中操纵的变量是实际的变量还是那个“影子变量”，无法明确判断编译器何时做出了优化，这个功能无疑成为了一把达摩克利斯之剑。在 Objective-C 中，调试器中的变量和代码运行时的变量确实是同一个变量，指向同一个内存地址，因此在 LLDB 中修改变量自然与在代码中修改变量等价。很完美，在要发布的 App 中使用私有 API 肯定不是明智之举，借助 LLDB 正好帮我们避免了这点，Xcode 在打包时会排除掉开发者设置的断点信息。
swiftui navigationlink
05-27
SwiftUI中的`NavigationLink`是一个视图控件，用于在不同的视图之间导航。当用户点击`NavigationLink`时，它会自动导航到指定的视图。 下面是一个使用`NavigationLink`的示例： ```swift struct ContentView: View...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值