Quel framework est React natif ?

React Native est un framework de développement d'applications mobiles multiplateforme open source qui prend en charge les plateformes iOS et Android ; il utilise le langage Javascript, JSX et CSS pour développer des applications mobiles, donc les techniciens sont familiers avec le développement Web front-end uniquement. besoin Il faut très peu d'apprentissage pour entrer dans le monde du développement d'applications mobiles.

Recommandations associées : "Tutoriel vidéo React"

React Native (RN en abrégé) a été lancé par Facebook en Avril 2015 Le cadre de développement d'applications mobiles multiplateformes open source est un dérivé du précédent framework JS open source de Facebook, React, sur la plate-forme d'applications mobiles native. Il prend en charge les deux principales plates-formes iOS et Android.

React Native utilise le langage Javascript, JSX similaire au HTML et CSS pour développer des applications mobiles, de sorte que les techniciens familiarisés avec le développement front-end Web peuvent entrer dans le domaine du développement d'applications mobiles avec très peu d'apprentissage.

React Native vous permet d'écrire des applications mobiles natives en utilisant uniquement JavaScript. Il est cohérent avec React en termes de principes de conception et utilise un mécanisme de composants déclaratifs pour créer une interface utilisateur riche et colorée.

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

Le code ci-dessus est un composant simple écrit en utilisant React Native.

React Native se concentre sur l'amélioration de l'efficacité du développement multiplateforme - vous n'avez besoin de l'apprendre qu'une seule fois et d'écrire pour n'importe quelle plateforme.

Les applications React Native sont de véritables applications mobiles

React Native ne produit pas d'"applications web", ni d'"applications HTML5", ni d'"applications hybrides". Le produit final est une véritable application mobile qui semble presque impossible à distinguer des applications écrites en Objective-C ou Java. Les composants de base de l'interface utilisateur utilisés par React Native sont exactement les mêmes que ceux des applications natives. Tout ce que vous avez à faire est de combiner ces composants de base à l'aide de JavaScript et React.

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

Pour plus de connaissances liées à la programmation, veuillez visiter : Introduction à la programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!