小编Dar*_*ell的帖子

我想创建一个类似于附加图像中的导航栏.

导航栏的标题将是图像和文本的组合.

1. 这应该按照任何最佳做法进行吗？

2. 怎么做到呢？

我正在使用 cdk-virtual-scroll-viewport 在用户滚动时一次动态渲染一小组项目。

无论为 cdk-virtual-scroll-viewport 元素指定的高度如何，视口仅显示 5 个项目。

在该组件中，我加载了一个包含 100 个字符串的数组。

每个项目的高度为 48px。视口高度设置为 480px。因此，我预计一次会看到 10 个项目。它只渲染 5。

在 HTML 中：

                <cdk-virtual-scroll-viewport itemSize="48" class="viewport">
                    <mat-option *cdkVirtualFor="let person of filteredPersons"
                        [value]="person" class="animated slideInRight">
                        <div class="option-user">
                            <img class="image-cropper"
                                src="......"
                                alt="User Picture" />
                            {{person}}
                        </div>
                    </mat-option>
               </cdk-virtual-scroll-viewport>

在CSS中：

.viewport {
    height: 480px; 
}

.option-user {
    height: 48px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

我正在使用 Xcode 12。

我能够显示带有区域的地图，但带有硬编码值。

相反，我想根据用户当前位置设置地图区域。

我有一个 LocationManager 类，它获取用户的位置并发布它。

我有一个 ShowMapView SwiftUI 视图，它观察基于 LocationManager 类的对象以获取用户的位置。但是，我不知道如何使用 locationManager 对象中的数据来设置地图使用的区域。

这是 LocationManager 类，它获取用户的位置并发布它。

import Foundation
import MapKit

final class LocationManager: NSObject, ObservableObject {
  @Published var location: CLLocation?
  
  private let locationManager = CLLocationManager()
   
  override init() {
    super.init()
    
    self.locationManager.delegate = self
    
    self.locationManager.desiredAccuracy = kCLLocationAccuracyBest
    self.locationManager.distanceFilter = kCLDistanceFilterNone
    self.locationManager.requestWhenInUseAuthorization()
    self.locationManager.startUpdatingLocation()
  }
}

extension LocationManager: CLLocationManagerDelegate {
  func locationManager(_ manager: CLLocationManager, didUpdateLocations locations: [CLLocation]) {
    if let location = locations.last {
      self.location = location
    }
  }
}

这里是 …