SwiftUI—使用HStack在水平方向排列视图

简介: SwiftUI—使用HStack在水平方向排列视图

HStack视图可以使其子视图,在水平方向上等距排列。


示例代码:


struct ContentView : View {
    var body: some View {
        HStack(alignment: .bottom, spacing: 40){ //设置水平排列的对齐方式为底部对齐,所有的子视图在HStack里,按照他们的底部边缘进行对齐。设置子视图的水平距离为40
            Image(systemName: "book.fill")
            Text("Interactive Tutorials")
            Spacer() //它的作用是自动调整自身的宽度,以使VStack里的所有子视图,在水平方向上撑满整个屏幕
            Image(systemName: "icloud.and.arrow.down") //在空格视图的右侧,添加另一个图像视图。这样空格视图,将其它的子视图分成左右两侧。空格视图的宽度根据屏幕尺寸的不同,会进行自动的调整。
        }
        .padding()
    }
}


2466108-9d74b7961ef9eaae.webp.jpg


目录
相关文章
|
JavaScript 前端开发
vue 实现word文档预览和下载
vue 实现word文档预览和下载
1107 0
系列文章深度解读|SwiftUI 背后那些事儿
前言 今年苹果的WWDC你看了吗?苹果在2019年的WWDC的重头戏当然非SwiftUI莫属:全新的声明式语法、绑定式API、和响应式变成框架Combine。这一切的一切都预示着即将在Apple Native布局系统掀起一场革命。
17948 0
|
Swift 容器
swift水平组合(HStack)
swift水平组合(HStack)
344 1
|
开发框架 Dart 前端开发
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
【4月更文挑战第30天】对比 Flutter(Dart,强类型,Google支持,快速热重载,高性能渲染)与 React Native(JavaScript,庞大生态,热重载,依赖原生渲染),文章讨论了开发语言、生态系统、性能、开发体验、学习曲线、社区支持及项目选择因素。两者各有优势,选择取决于项目需求、团队技能和长期维护考虑。参考文献包括官方文档和性能比较文章。
502 0
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
|
Dart 开发工具 Android开发
快速集成 Flutter Shorebird 热更新
Flutter Shorebird 是一种云端代码推送服务,可以让开发者在几分钟内集成,无需修改代码即可将更新推送到任何 Dart 代码,支持所有 Android 和 iOS 设备,并符合 App Store 和 Play Store 的规定。Shorebird 最大的优点是无代码侵入,快速集成,设计优秀。
491 2
快速集成 Flutter Shorebird 热更新
|
Dart 前端开发 开发者
【Flutter前端技术开发专栏】Flutter中的热重载与热更新机制
【4月更文挑战第30天】Flutter框架提供热重载(Hot Reload)和热更新(Hot Restart)功能,加速开发和迭代。热重载在应用运行时实时应用代码更改,保持应用状态,适合快速查看效果;热更新则重新启动应用,适用于更广泛的变化,但仍比冷启动快。开发者可通过`flutter run`命令或快捷键触发这两项功能。然而,应注意代码兼容性、性能影响及不支持的更改。这两机制提升开发效率,优化用户体验。
1292 0
【Flutter前端技术开发专栏】Flutter中的热重载与热更新机制
|
存储 数据库 对象存储
IOS的四种数据存储方式及优劣
IOS的四种数据存储方式及优劣
413 1
|
开发框架 前端开发 Swift
SwiftUI的优缺点
SwiftUI的优缺点
516 0
|
Windows
【OpenGL】十九、OpenGL 绘制模式 ( 绘制线框模式 | 绘制点模式 )(二)
【OpenGL】十九、OpenGL 绘制模式 ( 绘制线框模式 | 绘制点模式 )(二)
436 0
【OpenGL】十九、OpenGL 绘制模式 ( 绘制线框模式 | 绘制点模式 )(二)
C++17新特性之std::string_view
std::string_view系C++17标准发布后新增的内容,类成员变量包含两个部分:字符串指针和字符串长度,相比std::string, std::string_view涵盖了std::string的所有只读接口。如果生成的std::string无需进行修改操作,可以把std::string转换为std::string_view,std::string_view记录了对应的字符串指针和偏移位置,无需管理内存,相对std::string拥有一份字符串拷贝,如字符串查找和拷贝,效率更高。
379 0
C++17新特性之std::string_view