Nativescript Template

https://leevikopakkala.github.io/nativescript-template/

NativeScript-Angular dengan SidedRawer dan Tabview

Ini adalah templat pamungkas dengan struktur yang ditingkatkan untuk membantu Anda meluncurkan aplikasi atau proyek pelanggan pertama Anda dalam waktu tidak ada waktu.

Ringkasan

Kita semua tahu proses yang lambat dalam menyiapkan proyek dan membuat basis yang berfungsi sebelum dapat menambahkan fitur. Dengan templat ini Anda mendapatkan aplikasi yang berfungsi penuh di luar kotak dengan SidedRawer dan Tabview.

Sempurna untuk pemula dan profesional.

Menggunakan praktik terbaik, kembangkan aplikasi seluler nyata pertama Anda dalam waktu tanpa waktu.

NativeScript Template yang terdiri dari NativeScript Sidedrawer dan komponen Tabview:

Referensi ke plugin individual yang digunakan dalam templat ini:

• https://market.nativescript.org/plugins/tns-template-drawer-navigation-ng
• https://market.nativescript.org/plugins/tns-template-blank-k
• https://market.nativescript.org/plugins/tns-template-tab-navigation-ng

Instalasi:

Cepat:

1. Instal node.js https://nodejs.org/

2. Instal NativeScript CLI npm install -g nativescript

3. Periksa apakah NativeScript CLI bekerja tns

4. Instal Android Studio (atau iOS Eqivalent) https://developer.android.com/studio/

• 4.1 Buka Android Studio -> AVD Manager -> Buat Emulator

5. (Opsional tapi berguna) Instal https://www.nativescript.org/nativescript-sidekick

Berlari:

1. git clone https://github.com/LeeviKopakkala/Nativescript-Template

2. cd Nativescript-Template

3. tns device android --available-devices atau tns device ios --available-devices

4. tns run android / tns run android --device {device name} atau tns run ios / `tns run ios --device {nama perangkat}

Jika menggunakan sahabat karib

4. Buka sahabat karib

• 4.1 Tambahkan Proyek

• 4.2 Pilih Emulator

• 4.3 berjalan

Arsitektur

Komponen RadsidedRawer diatur sebagai titik awal aplikasi di:

• /app-component.ts - Mengatur konten laci samping dan mendefinisikan outlet router halaman untuk halaman.

Radsidedrawer memiliki struktur komponen berikut:

• RadSideDrawer - Komponen untuk menampilkan laci di halaman.
• tkDrawerContent Directive - menandai komponen yang akan menahan konten laci.
• tkMainContent Directive - menandai komponen yang akan menahan konten utama aplikasi.

Ada lima komponen kosong yang terletak di folder ini:

• /browse
• /featured
• /home
• /search
• /settings

Gaya

Template ini diatur untuk menggunakan Sass untuk gaya. Semua kelas yang digunakan didasarkan pada tema inti {n} - berkonsultasi dengan dokumentasi untuk memahami cara menyesuaikannya. Lihat untuk melihat kelas apa yang dapat Anda gunakan pada komponen mana.

Ini memiliki 4 file gaya global yang terletak di root folder aplikasi:

• _app-variables.scss - memegang variabel sass global yang diimpor pada gaya masing -masing komponen.
• _app-common.scss - Lembar Gaya Global Common Common. Aturan gaya ini diterapkan pada Android dan iOS.
• app.android.scss - Lembar Gaya Android Global. Aturan gaya ini hanya diterapkan pada Android.
• app.ios.scss - Lembar gaya iOS global. Aturan gaya ini diterapkan hanya pada iOS.