"react Native"는 네이티브 앱이 아닙니다. "react Native"는 네이티브 앱이 되기 전에 Android Studio에서 컴파일한 것입니다. 네이티브 앱의 개발 모델은 React의 jsx 구문을 사용하여 작성되었습니다. 크로스 플랫폼 모바일 애플리케이션 개발 프레임워크는 기본 모바일 애플리케이션 플랫폼에 대한 Facebook의 초기 오픈 소스 JS 프레임워크 React의 파생물이며 iOS와 Android의 두 가지 주요 플랫폼을 지원합니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.
React Native로 작성된 프로그램은 Android Studio로 컴파일된 후 네이티브 앱이 됩니다. 개발 모드는 특히 프런트 엔드 작성, 페이지 구조 작성/js 작성/CSS와 유사하지만 CSS가 아닌 구문 작성과 같은 React의 jsx 구문을 사용하여 작성됩니다. , 이는 작성된 페이지 구성 요소로 렌더링될 수 있습니다.
React Native(RN)는 Facebook이 2015년 4월에 오픈소스로 공개한 크로스 플랫폼 모바일 애플리케이션 개발 프레임워크입니다. 이는 Facebook의 초기 오픈 소스 JS 프레임워크인 React의 파생물이며 네이티브 모바일 애플리케이션 플랫폼의 두 가지 주요 플랫폼을 지원합니다. iOS와 안드로이드. RN은 Javascript 언어, HTML과 유사한 JSX, CSS를 사용하여 모바일 애플리케이션을 개발하므로 웹 프런트 엔드 개발에 익숙한 기술자는 거의 학습하지 않고도 모바일 애플리케이션 개발 분야에 들어갈 수 있습니다.
지식을 넓히세요:
JSX는 Javascript와 XML을 결합한 형식입니다. React는 HTML 구문을 사용하여 가상 DOM을 생성하는 JSX를 발명했습니다. <가 발생하면 JSX는 HTML로 파싱되고, {가 발생하면 JavaScript로 파싱됩니다.
React Native로 작성된 프로그램은 Android Studio로 컴파일된 후 네이티브 앱이 됩니다. 개발 모드는 특히 프런트 엔드 작성, 페이지 구조 작성/js 작성/CSS와 유사하지만 CSS가 아닌 구문 작성과 같은 React의 jsx 구문을 사용하여 작성됩니다. , 이는 작성된 페이지 구성 요소로 렌더링될 수 있습니다.
React Native는 또한 구성 요소와 함께 작동합니다. node 및 npm 환경에서 해당 종속성은 node_modules에서도 제공됩니다. 또한 플러그인 설치 목록입니다. React Native는 기본 프로그램이므로 웹팩을 사용할 필요가 없습니다. 하지만 jdk 및 andoird 환경 구성과 관련 리소스 다운로드/관련 통합 도구 사용은 필수입니다.
리액트 네이티브의 기본 구조와 구문
index.js
app.js
//일반적으로 app.js에 작성된 내용은 최상위 경로입니다. 여기서는 index.html에 설정되는 최상위 라우팅 디자인을 만들 수 있습니다. 따라서 이 구성 요소는 처음에 렌더링된 다음 각 하위 구성 요소를 소개하고 사용합니다. 각 구성 요소는 먼저 반응 리소스를 소개하거나 각 구성 요소가 기본 내보내기 클래스를 통해 로드됩니다. 생성자, 멤버 함수, 렌더링 함수. 반응 네이티브 리소스에는 StyleSheet 개체도 있습니다. 이 개체는 구성 요소 스타일을 작성하는 데 특별히 사용됩니다.
생성자에는 상태가 있습니다. 이 상태를 상태라고 하며 구성 요소의 상태를 조작하는 데 사용됩니다. 여기서, 상태 속성은 상태에 설정되며, 상태 속성을 통해 다양한 유연한 동작을 수행할 수 있다. 멤버 함수는 생성자에 설정된 이러한 상태 속성에 대해 작동할 수 있습니다. 렌더링 기능은 render입니다. 이 기능에서는 가져온 리소스의 구성 요소를 참조하고 더 큰 구성 요소를 작성할 수 있습니다. 이것이 대략적인 반응 기본 구성 요소가 비즈니스를 완료하는 방법입니다. 자신의 필요와 공식 문서의 구문에 따라 코드를 작성할 수 있습니다.