Welches Framework ist React Native?

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

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.

import React, { Component } from 'react';
import { Text, View } from 'react-native';

class WhyReactNativeIsSoGreat extends Component {
  render() {
    return (
      <View>
        <Text>
          如果你喜欢在Web上使用React，那你也肯定会喜欢React Native.
        </Text>
        <Text>
          基本上就是用原生组件比如&#39;View&#39;和&#39;Text&#39;
          来代替web组件&#39;div&#39;和&#39;span&#39;。
        </Text>
      </View>
    );
  }
}

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 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>
    );
  }
}

Weitere Kenntnisse zum Thema Programmierung finden Sie unter:

! !

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!