将DatePicker与Form外部的扩展动画一起使用

安德烈亚斯(Andreas Aarsland)

如果我在窗体内使用DatePicker,它将按照我的意愿进行渲染。首先,它只是带有标签和当前值的一行。当用户单击时,它将展开并显示日期选择器轮。

例:

Form {
    DatePicker(selection: $dueDate, displayedComponents: .date) {
        Text("Due date")
    }
}

在用户单击时扩展为:

在此处输入图片说明

现在的问题是;是否有可能在表单之外获得此行为?-在我的上下文中,表格使事情看起来很难看。我不需要灰色背景或阴影。

是否有人对此有解决方案,还是需要自定义实现?

我第一次在DatePicker周围使用Form的尝试给了我这个::)

在此处输入图片说明

安德烈亚斯(Andreas Aarsland)

好的,现在我发现了一些可行的方法。

var body: some View {
    VStack(spacing: 0) {
        VStack(alignment: .leading){
            Text("Due date")
            Text(formattedDate)
            Divider().background(Color.gray)
        }.frame(minWidth: 0, maxWidth: .infinity).onTapGesture {
            withAnimation {
                self.showSelect.toggle()
            }
        }
        if showSelect {
            DatePicker("", selection: $date, displayedComponents: [.date]).labelsHidden()
        }
        Spacer()
    }
}

我没有包括所有逻辑,但这是一个不错的起点。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击注入HTML的按钮时,如何使div内容与动画一起显示?

来自分类Dev

单击注入HTML的按钮时,如何使div内容与动画一起显示?

来自分类Dev

我可以将MinGW编译的Python扩展与Visual C ++编译的扩展一起使用吗?

来自分类Dev

在Android中单击按钮后使布局与动画一起显示

来自分类Dev

如何将php数组转换为javascript数组以与Jquery UI datepicker一起使用?

来自分类Dev

将Select 2与form_for rails一起使用

来自分类Dev

将Jquery-ui datepicker与require.js一起使用

来自分类Dev

UIButton与动画一起显示和消失

来自分类Dev

隐藏的jQuery无法与CSS动画一起使用

来自分类Dev

将动画滚动与另一个ahref函数一起使用

来自分类Dev

如何将Cyclejs与外部模板一起使用

来自分类Dev

ios Swift-使用同步动画将分离的精灵组合在一起

来自分类Dev

尝试将datepicker与jquery CDN一起使用

来自分类Dev

如何创建很少与总是出现的动画一起出现的动画?

来自分类Dev

是否可以将react-datepicker与react hooks表单一起使用?

来自分类Dev

将DialogFlow与外部API和电报一起使用

来自分类Dev

将ViewController推送到与英雄动画一起呈现的View内

来自分类Dev

我的DIV无法与JS动画一起正常使用,我该怎么做?

来自分类Dev

将动画的Maya模型转换为JSON以与三个js一起使用

来自分类Dev

外部DIV不会随内部DIV一起扩展

来自分类Dev

外部Div不会随Inner Div一起扩展

来自分类Dev

如何将php数组转换为javascript数组以与Jquery UI datepicker一起使用?

来自分类Dev

将FormData与Closest('form')一起使用

来自分类Dev

如何将GWTP与ginjector扩展一起使用?

来自分类Dev

ngAnimate在ngIf上无法与幻灯片动画一起使用

来自分类Dev

单击按钮上的动画,然后与其他动画一起转到其他活动

来自分类Dev

如何使SVG中的Wings与CSS3动画一起移动

来自分类Dev

什么是位图和位工厂,为什么人们将其与动画一起使用?

来自分类Dev

将外部框架与angular2一起使用

Related 相关文章

  1. 1

    单击注入HTML的按钮时,如何使div内容与动画一起显示?

  2. 2

    单击注入HTML的按钮时,如何使div内容与动画一起显示?

  3. 3

    我可以将MinGW编译的Python扩展与Visual C ++编译的扩展一起使用吗?

  4. 4

    在Android中单击按钮后使布局与动画一起显示

  5. 5

    如何将php数组转换为javascript数组以与Jquery UI datepicker一起使用?

  6. 6

    将Select 2与form_for rails一起使用

  7. 7

    将Jquery-ui datepicker与require.js一起使用

  8. 8

    UIButton与动画一起显示和消失

  9. 9

    隐藏的jQuery无法与CSS动画一起使用

  10. 10

    将动画滚动与另一个ahref函数一起使用

  11. 11

    如何将Cyclejs与外部模板一起使用

  12. 12

    ios Swift-使用同步动画将分离的精灵组合在一起

  13. 13

    尝试将datepicker与jquery CDN一起使用

  14. 14

    如何创建很少与总是出现的动画一起出现的动画?

  15. 15

    是否可以将react-datepicker与react hooks表单一起使用?

  16. 16

    将DialogFlow与外部API和电报一起使用

  17. 17

    将ViewController推送到与英雄动画一起呈现的View内

  18. 18

    我的DIV无法与JS动画一起正常使用,我该怎么做?

  19. 19

    将动画的Maya模型转换为JSON以与三个js一起使用

  20. 20

    外部DIV不会随内部DIV一起扩展

  21. 21

    外部Div不会随Inner Div一起扩展

  22. 22

    如何将php数组转换为javascript数组以与Jquery UI datepicker一起使用?

  23. 23

    将FormData与Closest('form')一起使用

  24. 24

    如何将GWTP与ginjector扩展一起使用?

  25. 25

    ngAnimate在ngIf上无法与幻灯片动画一起使用

  26. 26

    单击按钮上的动画,然后与其他动画一起转到其他活动

  27. 27

    如何使SVG中的Wings与CSS3动画一起移动

  28. 28

    什么是位图和位工厂,为什么人们将其与动画一起使用?

  29. 29

    将外部框架与angular2一起使用

热门标签

归档