Dynamic row height in a SwiftUI form

by

Here is possible solution with fluent row height change (using AnimatingCellHeight modifier taken from my solution in SwiftUI – Animations triggered inside a View that’s in a list doesn’t animate the list as well ).

Tested with Xcode 11.4 / iOS 13.4

demo

struct MyView: View {
    @State var isDisclosed = false

    var body: some View {
        Form {
            Spacer()

            ZStack(alignment: .topLeading) {
                Rectangle()
                    .fill(Color.red)
                    .frame(width: 100, height: 100)
                    .zIndex(1)
                    .onTapGesture { withAnimation { self.isDisclosed.toggle() } }

                HStack {
                    Rectangle()
                        .fill(Color.blue)
                        .frame(width: 100, height: 100)
                }.frame(maxHeight: .infinity, alignment: .bottom)
            }
            .modifier(AnimatingCellHeight(height: isDisclosed ? 150 : 100))

            Spacer()
        }
    }
}

More Related Contents:

  1. The definitive guide to form-based website authentication [closed]
  2. How to use in JSF page? Single form? Multiple forms? Nested forms?
  3. Adding causes java.lang.IllegalStateException: Cannot create a session after the response has been committed
  4. VBA: Using WithEvents on UserForms
  5. How to use EL with in id attribute of a JSF component
  6. How to prevent robots from automatically filling up a form?
  7. Is action really required on forms?
  8. How is mime type of an uploaded file determined by browser?
  9. Angular2 – Radio Button Binding
  10. What’s the difference between “Request Payload” vs “Form Data” as seen in Chrome dev tools Network tab
  11. How to write “Html.BeginForm” in Razor
  12. changing the language of error message in required field in html5 contact form
  13. Symfony2 Setting a default choice field selection
  14. HTML form with multiple hidden control elements of the same name
  15. Angular 2: Can’t bind to ‘ngModel’ since it isn’t a known property of ‘input’
  16. Angular: composite ControlValueAccessor to implement nested form
  17. Can you require two form fields to match with HTML5?
  18. How to make ‘submit’ button disabled?
  19. HTML5: Slider with two inputs possible?
  20. How can I conditionally require form inputs with AngularJS?
  21. HTML slider with two inputs possible?
  22. Disable submit button when form invalid with AngularJS
  23. How to open a new window on form submit
  24. What causes the “control.registerOnChange is not a function” error
  25. What is the right way to POST multipart/form-data using curl?
  26. within not entirely working, only the last is processed
  27. Symfony2 invalid form without errors
  28. Pass custom options to a symfony2 form
  29. Validate fields after user has left a field
  30. Add span inside form’s placeholder

Leave a Comment