Structures

A custom parameter attribute that constructs animations from closures.

A custom parameter attribute that constructs animations from closures.

Undocumented

Wrapper of UIVisualEffectView An object that implements some complex visual effects.

         BlurEffectView(style:.dark) {
             // content
         }

Wrapper of UIButton A control that executes your custom code in response to user interactions.

         Button {
             // click action
         } builder: {
             // content
         }

Wrapper of UIView An object that manages the content for a rectangular area on the screen.

A structure that computes views on demand from an underlying collection of of data.

     ForEach(model.titles) { item in
         Text(item).margin(edge: .top, value: 23)
     }

A view that arranges its children in a horizontal line. same as the flex-direction: row in flexbox layout.

     HStack {
         Text("1")
         Text("2")
         Text("3")
     }

Wrapper of UIImageView A view that displays a single image or a sequence of animated images in your interface.

         Image("name")
         Image("./doc/name.jpg")
         Image("https://www.example.com")

Wrapper of UIDatePicker. A control for the inputting of date and time values.

You can use a date picker to allow a user to enter either a point in time (calendar date, time value, or both) or a time interval (for example, for a timer). The date picker reports interactions to its associated target object. To add a date picker to your interface: Set the date picker mode at creation time. Supply additional configuration options such as minimum and maximum dates if required. Connect an action method to the date picker. Set up Auto Layout rules to govern the position of the date picker in your interface. You use a date picker only for handling the selection of times and dates. If you want to handle the selection of arbitrary items from a list, use a UIPickerView object.

 DatePicker{ date in
     print("\(date)")
 }
 .width(300)
 .height(100)

Wrapper of UIPickerView.

A view that uses a spinning-wheel or slot-machine metaphor to show one or more sets of values.

         PickerView($pickerData) { item in
             Text(item).grow(1).textAlign(.center)
         }
         .width(100%)
         .height(50)
         .widthForComponent({ (component) -> Float in
             return 50
         })
         .rowHeightForComponent({ (component) -> Float in
             return 44
         })
         .didSelectRow({ (text, row, component) in
             // Did select action
         })

Wrapper of UIProgressView A view that depicts the progress of a task over time.

The UIProgressView class provides properties for managing the style of the progress bar and for getting and setting values that are pinned to the progress of a task. For an indeterminate progress indicator—or, informally, a “spinner”—use an instance of the UIActivityIndicatorView class.

 ProgressView(0.5)
     .width(100)
     .height(10)
     .backgroundColor(.brown)

Undocumented

Undocumented

Representing of space within a container along the main axis. same as the view of which felxGrow is 1.0.

    HStack {
        Text("1")
        Text("2")
        Spacer()
        Text("3")
    }

Undocumented

The View Representing of text，is implemented based on UILabel.

             Text("content..")
                 .font(size: 25)
                 .textColor(.white)
                 .lineLimit(0)
                 .lineSpacing(10)
                 .backgroundColor(.orange)

Undocumented

The container that align children from top to bottom. same as the flex-direction: column in flexbox layout.

     VStack {
         Text("1")
         Text("2")
         Text("3")
     }

Wrapper of UITapGestureRecognizer A discrete gesture recognizer that interprets single or multiple taps.

        TapGesture(numberOfTaps: 1, numberOfTouches: 1) { tap in
            // tap action
        }

Wrapper of UILongPressGestureRecognizer A discrete gesture recognizer that interprets long-press gestures.

       LongPressGesture(numberOfTaps: 1, numberOfTouches: 1, minimumPressDuration: 0.5, allowableMovement: 10) { longPress in
           // long press action
       }

Wrapper of UIPanGestureRecognizer A discrete gesture recognizer that interprets panning gestures.

       PanGesture(minimumNumberOfTouches: 1, maximumNumberOfTouches: 10) { pan in
           // pan action
       }
       .onBegan { (pan, location, velocity, direction) in
           // on began action
       }
       .onMoved { (pan, location, velocity) in
           // on moved acton
       }
       .onEnded { (pan, location, velocity) in
           // on ended action
       }
       .onCancelled { (pan, location, velocity) in
           // on cancelled action
       }
       .enableDragView(true)

Wrapper of UIPinchGestureRecognizer A discrete gesture recognizer that interprets pinching gestures involving two touches.

       PinchGesture(scale: 3) { pinch in
           // pinch action
       }

Wrapper of UIRotationGestureRecognizer A discrete gesture recognizer that interprets rotation gestures involving two touches.

Wrapper of UISwipeGestureRecognizer A discrete gesture recognizer that interprets swiping gestures in one or more directions.

       SwipeGesture(numberOfTouchesRequired: 1, direction:.right) { swipe in
           // swipe action
       }

Wrapper of UIScreenEdgePanGestureRecognizer A discrete gesture recognizer that interprets panning gestures that start near an edge of the screen.

       ScreenEdgePanGesture(edges: .right) { pan in
           // screen edge pan action
       }

A ArgoKit view that manages a ArgoKit view hierarchy.