Shadowrocket iOS development is a powerful framework for building mobile apps. It provides a set of tools and components that allow you to create apps with minimal effort. Below is an overview of how to use Shadowrocket for iOS development, along with some basic tutorials to get you started. First, you'll need to install the Shadowrocket App Framework and its development tools. This includes:

• A Swift project base (e.g., Xcode or a Swift file system).
• A SwiftKit or SwiftBinary file system.
• A Swift app file (e.g., init.m).

Creating a New Shadowrocket App

A typical iOS app consists of a few components:

• A core view (e.g., View) that handles the main content.
• Custom views and labels (e.g., Label and ViewLabel).
• Core components (e.g., Button, Label, View) that make up the main interface.

Here's a basic example of how to create a simple shadowrocket app:

Steps:

1. Create a SwiftKit file:

   let app = XcodeFile("init.m", "AppName", "MainApp")

2. Create a new project:

   • Go to the New Project section and select Shadowrocket.
   • Choose a name like "MyFirstApp".

3. Create a new file:

   • Create a new file and paste the code below:

     import XcodeFile
     import SwiftKit
     import AppKit

   func appinit( x: XcodeFile) { super.init(x) }

4. Build and run the app:

   Save the file and run it.

Basic Components

shadowsrocket provides several core components to help you create your app:

• Button: Creates a simple button.

  Button("Button Name") {
    return Button(.filled(.primaryColor), .filled(.primarySize))
  }

• Label: Creates a label.

  Label("Label Name") {
    return Label(.lightPrimaryColor, .labelPrimarySize)
  }

• View: Creates a view with its content.

  View() {
    return View()
  }

App lifecycle

The lifecycle of an app is similar to iOS apps, but shadowsrocket provides some additional components to help you manage your app's lifecycle.

Creating a Core Component

To create a core component:

1. Go to the Component tab.
2. Click Create.
3. Fill in the template:

   func createComponent(_ template: .template) {
       return Component(
           template,
           .primaryColor,
           .primarySize,
           .primaryWeight,
           .primaryShape,
           .primaryRotation,
           .primaryMultiplier,
           .primaryOffset
       )
   }

Initializing a Core Component

To initialize a component, use the init method:

let button = Button("Button Name") {
    return Button(.filled(.primaryColor), .filled(.primarySize))
}

Destroying a Core Component

To destroy a component, use the destroy method:

let button = Component("Button Name") {
    return Button(.filled(.primaryColor), .filled(.primarySize))
}
button.destroy()

Advanced Topics

shadowsrocket also provides advanced features like animations, filters, and custom views.

Animations

You can create smooth animations by using Property animate = true; in your component. For example:

func animateButton(_ button: Button) {
    button = Button(.filled(.primaryColor), .filled(.primarySize))
    button.animate = true
    return Button(
        button,
        animate: true
    )
}

Custom Views

You can create custom views to display your data:

func myView() {
    return View()
}

Best Practices

• Always initialize components when they are created to prevent unnecessary loading.
• Use proper animate and onDestroy methods to control component lifecycle.
• Avoid using super methods on components unless you have a specific reason.

Additional Resources

shadowsrocket has excellent documentation and community support. You can find tutorials, examples, and best practices on its official website and GitHub repository.

By following these tutorials and best practices, you'll be able to create your first iOS app using shadowsrocket. Happy coding!