lkzhao / uicomponent

A modern, declarative approach to building user interfaces with UIKit.

UIComponent

UIComponent is a declarative and modern framework to build user interfaces with UIKit. With the power of @resultBuilder and @dynamicMemberLookup, your UIKit interface can be easily constructed with a syntax similar to SwiftUI. UIComponent also embraces unidirectional data flow instead of two way binding, and offers great performance and optimization opportunities.

Documentation

Getting Started

• Installation
• Component Basics
• Custom View
• State Management

Advanced Topics

• Custom Component
• Animation
• Modifier List
• Internal Architecture
• Compare to SwiftUI
• Full API Reference
• Version 2.0 Migration Guide

Checkout the Examples folder for code examples.

uicomponent's Issues

How to hide an existing view element？

How to hide an existing view element

Cooperate with `IQKeyboardManager` `ComponentScrollView` to display unusual

This will not happen with UIScrollView
Can you check where the problem is?

IQKBMBugReport.zip

Support `SwipeActions`

Just like UITableViewCell

Is this component compatible with IOS 11?

Is this component compatible with IOS 11

Is it possible to have a drag and drop example?

Hope have a sample to implement drag and drop.

Consider compatibility with macOS

Consider compatibility with macOS?

Deleted

Support sticky view？

Podspec missing Dependency `BaseToolbox`

Can you make the internally used Then framework private or prefixed so that it is not exposed externally

My own project also uses this library, after importing your library all I use this will report ambiguity error

State Binding

If the concept of state binding is added to the data, I think this can be better
This is a great binding design, I think it will help you

reference: State

Use background modifier Issue

If i use background modifier with animator will have problems
This problem occurs in version 0.8.2

HStack has bug

Hi,

I use HStack Layout Component has a long string, I hope it will wrap, but it goes beyond the screen.

Is it possible to add CSS Flex Wrap properties to the Stack component?

e.g

HStack(wrap: .wrap || .noWrap) {
    ......
}

this my codes

HStack code

HStack {
    Text("long long long long long long long long long long long long long long long long long long long long long long long long long long long long text")
}.size(width: .percentage(1)).inset(h: 10, v: 10)

VStack code

VStack {
    Text("long long long long long long long long long long long long long long long long long long long long long long long long long long long long text")
}.size(width: .percentage(1)).inset(h: 10, v: 10)

Also exceed the screen boundary

VStack {
    HStack {
        VStack {
            Text("long long long long long long long long long long long long long long long long long long long long long long long long long long long long text")
        }
    }
}.size(width: .percentage(1)).inset(h: 10, v: 10)

HStack unusual

VStack normal

ViewComponent enhancement

Hi,
I want rounded corners, but I don’t know the specific height of this Text component. Is there any way to set it?

It is possible to increase a similar SwiftUI.clipShape(Capsule())modified it? Because rounded corners are often used

this my code
Text("Round Style").textColor(.white).inset(h: 20, v: 10).background(SimpleViewComponent<UIView>().backgroundColor(.black))

actual

expect

SimpleViewComponent Size Issue

Hi, it's me again😅
I used the SimpleViewComponent component in the example, I cannot get the correct size

What can I do to make the component width and height correct?

this my code

SimpleViewComponent<UIButton>().update {
    $0.setTitle("button", for: .normal)
    $0.setTitleColor(.systemBlue, for: .normal)
}.backgroundColor(.brown)

Size：zero

Thanks for your help