Превратите ваше приложение Android в приложение для iOS – учебник

Создание проекта iOS в Xcode

1. В Xcode нажмите Файл | Новый | Проект.

2. Выберите шаблон приложения iOS и нажмите Далее.

   

3. В качестве имени продукта укажите simpleLoginIOS и нажмите Далее.

   

4. В качестве местоположения проекта выберите директорию, которая хранит ваше кроссплатформенное приложение, например, kmm-integration-sample.

В Android Studio у вас будет следующая структура:

Вы можете переименовать директорию simpleLoginIOS в iosApp для согласованности с другими директориями верхнего уровня вашего кроссплатформенного проекта.

Подключение фреймворка к проекту iOS

После получения фреймворка вы можете подключить его к проекту iOS вручную.

Подключение фреймворка к проекту iOS вручную:

1. В Xcode откройте настройки проекта, дважды щелкнув имя проекта.

2. На вкладке Этапы сборки настроек проекта, нажмите + и добавьте Новый этап выполнения скрипта.

   

3. Добавьте следующий скрипт:

   cd "$SRCROOT/.."
   ./gradlew :shared:embedAndSignAppleFrameworkForXcode
   

   

4. Переместите этап Выполнение скрипта перед этапом Компиляция исходных кодов.

   

5. На вкладке Настройки сборки переключитесь на Все настройки сборки и укажите Путь поиска фреймворка в Пути поиска:

   $(SRCROOT)/../shared/build/xcode-frameworks/$(CONFIGURATION)/$(SDK_NAME)
   

   

6. На вкладке Настройки сборки укажите Другие флаги компоновщика в Компоновке:

   $(inherited) -framework shared
   

   

7. Соберите проект в Xcode. Если все настроено правильно, проект будет успешно собран.

Использование общего модуля из Swift

1. В Xcode откройте файл ContentView.swift и импортируйте модуль shared.

   import shared
   

2. Для проверки правильного подключения используйте функцию greeting() из общего модуля вашего кроссплатформенного приложения:

   import SwiftUI
   import shared
   
   struct ContentView: View {
       var body: some View {
           Text(Greeting().greeting())
           .padding()
       }
   }
   

   

3. В ContentView.swift, напишите код для использования данных из общего модуля и отрисовки пользовательского интерфейса приложения:

   import SwiftUI import shared struct ContentView: View { @State private var username: String = "" @State private var password: String = "" @ObservedObject var viewModel: ContentView.ViewModel var body: some View { VStack(spacing: 15.0) { ValidatedTextField(titleKey: "Имя пользователя", secured: false, text: $username, errorMessage: viewModel.formState.usernameError, onChange: { viewModel.loginDataChanged(username: username, password: password) }) ValidatedTextField(titleKey: "Пароль", secured: true, text: $password, errorMessage: viewModel.formState.passwordError, onChange: { viewModel.loginDataChanged(username: username, password: password) }) Button("Войти") { viewModel.login(username: username, password: password) }.disabled(!viewModel.formState.isDataValid || (username.isEmpty && password.isEmpty)) } .padding(.all) } } struct ValidatedTextField: View { let titleKey: String let secured: Bool @Binding var text: String let errorMessage: String? let onChange: () -> () @ViewBuilder var textField: some View { if secured { SecureField(titleKey, text: $text) } else { TextField(titleKey, text: $text) } } var body: some View { ZStack { textField .textFieldStyle(RoundedBorderTextFieldStyle()) .autocapitalization(.none) .onChange(of: text) { _ in onChange() } if let errorMessage = errorMessage { HStack { Spacer() FieldTextErrorHint(error: errorMessage) }.padding(.horizontal, 5) } } } } struct FieldTextErrorHint: View { let error: String @State private var showingAlert = false var body: some View { Button(action: { self.showingAlert = true }) { Image(systemName: "exclamationmark.triangle.fill") .foregroundColor(.red) } .alert(isPresented: $showingAlert) { Alert(title: Text("Ошибка"), message: Text(error), dismissButton: .default(Text("Понятно!"))) } } } extension ContentView { struct LoginFormState { let usernameError: String? let passwordError: String? var isDataValid: Bool { get { return usernameError == nil && passwordError == nil } } } class ViewModel: ObservableObject { @Published var formState = LoginFormState(usernameError: nil, passwordError: nil) let loginValidator: LoginDataValidator let loginRepository: LoginRepository init(loginRepository: LoginRepository, loginValidator: LoginDataValidator) { self.loginRepository = loginRepository self.loginValidator = loginValidator } func login(username: String, password: String) { if let result = loginRepository.login(username: username, password: password) as? ResultSuccess { print("Успешный вход. Добро пожаловать, \(result.data.displayName)") } else { print("Ошибка при входе") } } func loginDataChanged(username: String, password: String) { formState = LoginFormState( usernameError: (loginValidator.checkUsername(username: username) as? LoginDataValidator.ResultError)?.message, passwordError: (loginValidator.checkPassword(password: password) as? LoginDataValidator.ResultError)?.message) } } }

4. В simpleLoginIOSApp.swift, импортируйте модуль shared и укажите аргументы для функции ContentView().

   import SwiftUI
   import shared
   
   @main
   struct SimpleLoginIOSApp: App {
       var body: some Scene {
           WindowGroup {
               ContentView(viewModel: .init(loginRepository: LoginRepository(dataSource: LoginDataSource()), loginValidator: LoginDataValidator()))
           }
       }
   }