Nativescript Template
1.0.0
https://leevikopakkala.github.io/nativescript-template/
이것은 개선 된 구조를 갖춘 최고의 템플릿으로 첫 번째 앱 또는 고객 프로젝트를 무료로 시작할 수 있습니다.
우리는 모두 기능을 추가하기 전에 프로젝트를 설정하고 기능 기반을 만드는 느린 프로세스를 알고 있습니다. 이 템플릿을 사용하면 SideDrawer 및 Tabview를 사용하여 상자 밖으로 완전히 작동하는 응용 프로그램이 제공됩니다.
초보자와 전문가 모두에게 적합합니다.
모범 사례를 사용하여 첫 번째 실제 모바일 애플리케이션을 신속하게 개발하십시오.
원주민 스크립트 SideDrawer 및 Tabview 구성 요소로 구성된 원주민 스크립트 템플릿 :
이 템플릿에 사용 된 개별 플러그인에 대한 참조 :
node.js https://nodejs.org를 설치하십시오.
NativeScript Cli npm install -g nativescript
NativeScript CLI가 tns 작동 중인지 확인하십시오
안드로이드 스튜디오 (또는 iOS 동등한) https://developer.android.com/studio/ 설치
git clone https://github.com/LeeviKopakkala/Nativescript-Template
cd Nativescript-Template
tns device android --available-devices 또는 tns device ios --available-devices
tns run android / tns run android --device {device name} 또는 tns run ios /`TNS run iOS -Device {Device Name}을 실행합니다.
Sidekick을 사용하는 경우
4.1 프로젝트 추가
4.2 에뮬레이터를 선택하십시오
4.3 실행
RadsidedRawer 구성 요소는 다음과 같은 응용 프로그램 시작점으로 설정됩니다.
/app-component.ts -component.ts- 측면 서랍 내용을 설정하고 페이지의 페이지 라우터 콘센트를 정의합니다.RadsidedRawer에는 다음과 같은 구성 요소 구조가 있습니다.
RadSideDrawer 페이지에 서랍을 표시하는 구성 요소.tkDrawerContent Directive- 서랍 내용을 보유 할 구성 요소를 표시합니다.tkMainContent Directive- 앱 메인 컨텐츠를 보유 할 구성 요소를 표시합니다.이 폴더에는 5 개의 빈 구성 요소가 있습니다.
/browse/featured/home/search/settings이 템플릿은 스타일링에 Sass를 사용하도록 설정되었습니다. 사용 된 모든 클래스는 {n} 코어 테마를 기반으로합니다 - 문서를 문의하여 사용자 정의하는 방법을 이해합니다. 어떤 구성 요소에서 사용할 수 있는지 확인하십시오.
앱 폴더의 루트에 위치한 4 개의 글로벌 스타일 파일이 있습니다.
_app-variables.scss 각 구성 요소의 스타일에서 가져 오는 글로벌 SASS 변수를 보유합니다._app-common.scss 글로벌 공통 스타일 시트. 이러한 스타일 규칙은 Android 및 iOS에 모두 적용됩니다.app.android.scss 글로벌 Android 스타일 시트. 이러한 스타일 규칙은 Android에만 적용됩니다.app.ios.scss 글로벌 iOS 스타일 시트. 이 스타일 규칙은 iOS에만 적용됩니다.
