[英]How to override iOS dark mode style for datepicker
使用 UIViewController 的 UIUserInterfaceStyle 属性overrideUserInterfaceStyle来更改控制器的界面样式。
class TestViewController: UIViewController {
@IBOutlet weak var datePicker: UIDatePicker!
override func viewDidLoad() {
super.viewDidLoad()
if #available(iOS 13.0, *) {
overrideUserInterfaceStyle = .dark
datePicker.backgroundColor = .black
} else {
datePicker.backgroundColor = .white
}
}
}
问题是我无法覆盖 Datepicker 的颜色。 我也无法覆盖模态的背景颜色。 我需要将<page>
标签添加到我的模态中。 在那里我可以添加一个类,以便我可以在黑暗模式下更改背景颜色。 所以它看起来像这样:
<Page class="background-color-modal">
<DockLayout class="modal">
<FlexboxLayout class="timeDateDetails">
<time-modal :selected-time="selectedTime"
:time="$props.time" @updateTime="updateTime"/>
</FlexboxLayout>
</DockLayout>
</Page>
<style lang="scss" scoped>
.background-color-modal {
background-color: $white;
color: $dark;
.ns-dark & {
background-color: $dark-dark;
color: $dark-white
}
}
.modal {
background-color: $white;
color: $dark;
.ns-dark & {
background-color: $dark-dark;
color: $dark-white
}
}
</style>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.