Adding custom native code to a project

🚀 8.9 Released! → ⚡️ New Node-API Engine Preview, 📲 ns widget ios, 💅 Tailwind v4 and more...

Getting Started
Development Workflow
- CLI Basics
- Running
- Debugging
- Publishing
- Plugins
- Recommended Plugins
- Testing
- Updating
  - To Latest
Project Structure
Configuration
- Config Reference
- Webpack Reference
Fundamental Concepts
- Accessibility
- Animations
- Best Practices
- Commonly Used APIs
  - @nativescript/core
    - Application
    - ApplicationSettings
    - Color
    - Connectivity
    - Device
    - FileSystem
    - FPS Meter
    - Http
    - ImageCache
    - Observable
    - Screen
    - Trace
    - Utils
    - XmlParser
- Data Binding
- Error Handling
- Gestures
- Navigation
  - Using Frames and Pages
  - Using Modals
- Property System
- Styling
Crash Reporting
- Using Sentry
Developing with Vision Pro
- Developing with visionOS
- Previewing visionOS from StackBlitz
Advanced Concepts

NativeScript provides direct access to all native APIs as well as cross-platform capabilities through @nativescript/core, third party plugins or @nativescript/* plugins. Additionally, you can easily add custom native files directly to your project and use them immediately from TypeScript.

Ever since NativeScript 8.8, you can use a single command to add platform language files and have them auto configured ready to use with:

bash

nsnativeaddswiftAwesomeClass
# Swift file 'nativescript-project/App_Resources/iOS/src/AwesomeClass.swift' generated successfully.

nsnativeaddobjective-cOtherAwesomeClass
# Module map 'nativescript-project/App_Resources/iOS/src/module.modulemap' has been updated with the header 'OtherAwesomeClass.h'.

nsnativeaddkotlincom.company.AwesomeClass
# Kotlin file 'nativescript-project/App_Resources/Android/src/main/java/com/company/AwesomeClass.kt' generated successfully.

nsnativeaddjavacom.company.OtherAwesomeClass
# Java file 'nativescript-project/App_Resources/Android/src/main/java/com/company/OtherAwesomeClass.java' generated successfully.

You can also manually add native code to App_Resources:
- Adding Java/Kotlin code to an application
- Adding ObjectiveC/Swift Code to an application
Optionally generate TypeScript types for the added APIs

Additionally, NativeScript also supports Jetpack Compose and SwiftUI through plugins.

Previous: Previewing visionOS from StackBlitz
Next: Adding Java/Kotlin Code

On this page

Contributors

Ombuweb NathanWalker rigor789 vallemar herefishyfish

Edit this page

Last updated: