第二十九章修复首页 PopMenuView 显示问题

在首页切换工厂的时候，我们发现了一处严重的UI问题。

本来我们做的PopMenuButton竟然被导航栏遮挡在最下面。出现的原因在于，我们无法确保我们的PopMenuView一定在最外面，因此可能被其他外层遮挡。为了确保PopMenuView一定会在最外层弹出，我们只能弹出一个 UIViewController，这样保证一定出现在最外层。

我们只需要获取到offset Y的高度即可，这个值也是PopMenuButton对应的在Golbal对应的offset y。

对于获取视图在对应视图的位置，我们可以使用GeometryReader。今天在测试通过PreferenceKey传递获取的偏移量时候，意外试验出一个BUG。

通过 PreferenceKey 获取指定视图的偏移量

1 创建 PreferenceKey

swift 复制代码

struct TextPointKey: PreferenceKey {
    static var defaultValue: CGPoint = .zero
    static func reduce(value: inout CGPoint, nextValue: () -> CGPoint) {
        value = nextValue()
    }
}

2 组件获取 Point

swift 复制代码

Text("Hello World!")
		/// 一般使用 `background`其实也可以使用 `overlay`
    .background {
        /// 使用  `GeometryReader` 获取父试图的大小
        GeometryReader { geometry in
            /// 使用 透明颜色 是为了不污染界面
            Color.clear
                /// 通过`GrometryProxy`的`frame`方法可以获取对应的位置
                /// 保存在 `Preference`中
                .preference(key: TextPointKey.self,
                            value: geometry.frame(in: .global).origin)
        }
    }

3 通过 onPreferenceChange 获取刚才设置的值

swift 复制代码

Text("Hello World!")
		/// 一般使用 `background`其实也可以使用 `overlay`
    .background {
        ...
    }
    .onPreferenceChange(TextPointKey.self) { point in
        print(point.debugDescription)
    }

此时我们运行可以看到有下面打印信息。

shell 复制代码

(148.5, 408.1666666666667)

上述的方法进行使用会可能引起获取不到的Bug,关于这个Bug的研究可以看下面的文章。

第二十九章 修复首页 PopMenuView 显示问题

通过 PreferenceKey 获取指定视图的偏移量

1 创建 PreferenceKey

2 组件获取 Point

3 通过 onPreferenceChange 获取刚才设置的值

第二十九章修复首页 PopMenuView 显示问题