感谢:
注意:
- (在例子中，一个容器声明里加入的容器如果超过10个，就报错了)ViewBuilder 只实现了最多十个参数的 buildBlock，内部声明超过10个以后，编译会报错……so,Group是个好东西
extension ViewBuilder {
public static func buildBlock<C0, C1, C2, C3, C4, C5, C6, C7, C8, C9>(_ c0: C0, _ c1: C1, _ c2: C2, _ c3: C3, _ c4: C4, _ c5: C5, _ c6: C6, _ c7: C7, _ c8: C8, _ c9: C9) -> TupleView<(C0, C1, C2, C3, C4, C5, C6, C7, C8, C9)> where C0 : View, C1 : View, C2 : View, C3 : View, C4 : View, C5 : View, C6 : View, C7 : View, C8 : View, C9 : View
}- NavigationView里面嵌套NavigationView会导致界面不显示
如下，苹果给View添加了拓展
@available(iOS 13.0, OSX 10.15, tvOS 13.0, watchOS 6.0, *)
extension View {
/// Returns a version of `self` that will invoke `action` after
/// recognizing a tap gesture.
public func tapAction(count: Int = 1, _ action: @escaping () -> Void) -> _AutoResultView<Self>
}- 导航栏推进下一个界面时,使用 NavigationView嵌套TabbedView(使用onAppear修改状态title的值),底部标签栏会自动隐藏
NavigationView {
TabbedView(selection: $current) {
FirstPage()
.tabItem( // 在beta3后tabItemLabel换成了tabItem
VStack {
Image(self.images[0])
Text(self.labs[0])
}
)
.tag(0).onAppear {
self.title = self.titles[0]
}
...
}
.navigationBarTitle(Text(title))
- VStack: 垂直分布声明
var body: some View {
VStack {
/// alignment:成员排列位置（如，全部从中间开始.center;全部从头开始.leading）\nspacing:成员之间的间距
Text("你看我下面那个Text")
Divider()
Text("为什么会垂直，因为我们两个Text是包含在VStack里的")
.lineLimit(nil)
Divider()
Text("第一种设置默认属性的创建方式VStack { 内容 }")
.lineLimit(nil)//设置成nil才不限制行数，跟之前的设置成0不一样了
Divider()
Text("第二种种设置默认属性的创建方式VStack(设置的属性) { 内容 }")
.lineLimit(nil)
Divider()
}
.padding(EdgeInsets(top: 0, leading: 20, bottom: 0, trailing: 20))
}
- HStack: 水平分布声明
var body: some View {
HStack(alignment: .firstTextBaseline, spacing: 10) {
/// alignment:成员排列位置（如，全部从中间开始.center;全部从头开始.leading）\nspacing:成员之间的间距
Text("第一组内容").lineLimit(nil)
Text("第二组内容").lineLimit(nil)
Text("第三组内容").lineLimit(nil)
Text("第四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四组内容").lineLimit(nil)
Text("第555555555555555555555组内容").lineLimit(nil)
}
.padding(EdgeInsets(top: 0, leading: 30, bottom: 0, trailing: 0))
}
- ZStack: 叠加分布声明
- List: (UITableView)内置好了cell，只需在里面添加好了需要的子view
- ScrollView: 可滚动容器
- TabbedView:
- 类似UITabbarController
- 需要给view添加tag，tag使用来做切换展示界面的标识
TabbedView(selection: $current) {
FirstPage()
.tabItemLabel(
VStack {
Image(self.images[0])
Text(self.labs[0])
}
).tag(0)
SecondPage()
.tabItemLabel(
VStack {
Image(self.images[1])
Text(self.labs[1])
}
).tag(1)
ThirdPage()
.tabItemLabel(
VStack {
Image(self.images[2])
Text(self.labs[2])
}
).tag(2)
ContentView()
.tabItemLabel(
VStack {
Image(self.images[3])
Text(self.labs[3])
}
).tag(3)
}
- Text:
- TextField:
- Image:
resizable()方法调用后才能修改属性 没有找到图片，会出错，最好重写方法
- Slider: from-->滑动开始的值，through-->最大值
struct SliderPage : View {
@State var bindingValue = 2.0
var body: some View {
VStack {
Text("\(bindingValue)")
Slider(value: $bindingValue, from: 3, through: 10) { (true) in
print("\(self.bindingValue)")
}
.padding(EdgeInsets(top: 0, leading: 20, bottom: 0, trailing: 20))
Text(" from：滑动开始的值，through：最大值")
}
}
}
- NavigationButton:
- PresentationButton:
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent