如何从 SwiftUI 中的图形样式 DatePicker 中删除侧边距？

Posted 2023-02-23

【中文标题】如何从 SwiftUI 中的图形样式 DatePicker 中删除侧边距？

【英文标题】：How to remove the side padding from the Graphical Style DatePicker in SwiftUI?

【发布时间】：2020-11-19 09:15:54

【问题描述】：

从下面的屏幕截图中可以看到，GraphicalDatePickerStyle 日期选择器默认情况下两侧都有一个侧边距。如何移除侧边距，使控件可以与顶部和底部的其他控件对齐。

添加填充 0 修饰符不会改变任何内容。一种解决方法是向控件添加一些偏移量，但我们只是想确定没有更好的选择。

DatePicker("", selection: $actionNotificationTime, displayedComponents: .hourAndMinute)
  .padding(0)

设置中的同一个选择器完全对齐

【问题讨论】：

请告诉我如何更改上午和下午的选择颜色

【参考方案1】：

在控件上使用空间偏移的解决方法。不确定它是否在所有屏幕尺寸上都“完美”，但至少足够接近。

DatePicker("", selection: $actionNotificationTime, displayedComponents: .hourAndMinute)
    .offset(x: 10)

【讨论】：

应用.offset(x: 10) 将移动组件但不会缩小它。改用.padding(.trailing, -10) 可能会更好（尽管在这种情况下它并不重要）。