Heim > Web-Frontend > js-Tutorial > Hauptteil

Welches Framework ist React Native?

青灯夜游
Freigeben: 2020-11-30 16:18:36
Original
3212 Leute haben es durchsucht

React Native ist ein plattformübergreifendes Open-Source-Framework für die Entwicklung mobiler Anwendungen, das die beiden Hauptplattformen iOS und Android unterstützt. Es verwendet Javascript-Sprache, JSX und CSS, um mobile Anwendungen zu entwickeln, sodass nur Techniker mit Web-Frontend-Entwicklung vertraut sind Sie benötigen wenig Lernen. Sie können in den Bereich der Entwicklung mobiler Anwendungen einsteigen. Verwandte Empfehlungen: „

React Video Tutorial
“ Reagieren Sie nativ. Es ist ein Derivat der mobilen Anwendungsplattform und unterstützt die beiden Hauptplattformen iOS und Android.

Welches Framework ist React Native?React Native verwendet Javascript-Sprache, JSX ähnlich wie HTML und CSS, um mobile Anwendungen zu entwickeln, sodass Techniker, die mit der Web-Front-End-Entwicklung vertraut sind, mit sehr wenig Lernaufwand in den Bereich der Entwicklung mobiler Anwendungen einsteigen können.

React Native ermöglicht es Ihnen, native mobile Anwendungen nur mit JavaScript zu schreiben. Es stimmt hinsichtlich der Designprinzipien mit React überein und verwendet einen deklarativen Komponentenmechanismus, um eine reichhaltige und farbenfrohe Benutzeroberfläche zu erstellen.

Der obige Code ist eine einfache Komponente, die mit React Native geschrieben wurde.

React Native konzentriert sich auf die Verbesserung der Entwicklungseffizienz der Multiplattform-Entwicklung – Sie müssen es nur einmal lernen und für jede Plattform schreiben.

React Native-Anwendungen sind echte mobile Anwendungen.

React Native erstellt keine „Webanwendungen“, „HTML5-Anwendungen“ oder „Hybridanwendungen“. Das Endprodukt ist eine echte mobile App, die sich kaum von Apps unterscheidet, die in Objective-C oder Java geschrieben wurden. Die von React Native verwendeten grundlegenden UI-Komponenten sind genau die gleichen wie bei nativen Anwendungen. Alles, was Sie tun müssen, ist, diese Grundkomponenten mithilfe von JavaScript und React zu kombinieren.

import React, { Component } from 'react';
import { Image, ScrollView, Text } from 'react-native';
class AwkwardScrollingImageWithText extends Component {
  render() {
    return (
      <ScrollView>
        <Image
          source={{uri: &#39;https://i.chzbgr.com/full/7345954048/h7E2C65F9/&#39;}}
          style={{width: 320, height:180}}
        />
        <Text>
          在iOS上,React Native的ScrollView组件封装的是原生的UIScrollView。
          在Android上,封装的则是原生的ScrollView。
          在iOS上,React Native的Image组件封装的是原生的UIImageView。
          在Android上,封装的则是原生的ImageView。
          React Native封装了这些基础的原生组件,使你在得到媲美原生应用性能的同时,还能受益于React优雅的架构设计。 
        </Text>
      </ScrollView>
    );
  }
}
Nach dem Login kopieren

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonWelches Framework ist React Native?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!