https://github.com/nativescript/ios-ng2-tns

Extending and existing iOS app with Angular and Nativescript
https://github.com/nativescript/ios-ng2-tns

Last synced: 4 months ago
JSON representation

Extending and existing iOS app with Angular and Nativescript

• Host: GitHub
• URL: https://github.com/nativescript/ios-ng2-tns
• Owner: NativeScript
• Created: 2017-10-31T11:48:25.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-10-31T11:53:21.000Z (over 8 years ago)
• Last Synced: 2025-07-22T01:34:33.713Z (11 months ago)
• Language: JavaScript
• Size: 29 MB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


# Extend your existing iOS app with Angular and NativeScript

## Step-by-step instructions how to extend existing iOS app with Angular and NativeScript

1.Build your NativeScript app for iOS:

`tns build ios`

2.Copy your NativeScript app `\platforms\ios\YourAppName\app` folder to your iOS app:

![Copy your NativeScript](./img/copy-your-nativeScript.png)

3.Copy your NativeScript app `\platforms\ios\internal` folder next to your iOS app:

![Copy your NativeScript](./img/copy-your-nativeScript-app2.png)

> Note: Both can be found in your NativeScript app `\platforms\ios\`and `\lib\ios\` folders.

4.Add reference to **NativeScript.framework** and **TNSWidgets.framework** (the former should be in the **internal** folder)

![Copy your NativeScript](./img//add-reference.png)

> Note: Both can be found in your NativeScript app `\platforms\ios\` and `\lib\ios\` folders.

5.Add **Run Script** and **Linker Flags** to build and use the metadata:

![Copy your NativeScript](./img/add-run-script-and-linker-flags.png)

`cd "$PROJECT_DIR/internal/metadata-generator/bin" && ./build-step-metadata-generator.py`

![Copy your NativeScript](./img/add-run-script-and-linker-flags2.png)

`-sectcreate __DATA __TNSMetadata "$(CONFIGURATION_BUILD_DIR)/metadata-$(CURRENT_ARCH).bin"`

> Note: Run Script should be the first build phase.

6.Present NativeScript view controller from your app:

![Copy your NativeScript](./img/present-nativescript-view-controller.png)

![Copy your NativeScript](./img/result.gif)

# Credits

[Extend your existing iOS app with Angular 2 and NativeScript](https://medium.com/@enchev/extend-your-existing-ios-app-with-angular-2-and-nativescript-c2225c9bf616)