Maison >interface Web >js tutoriel >React Native ust Landed : super pouvoirs de style et plus !

React Native ust Landed : super pouvoirs de style et plus !

Linda Hamilton
Linda Hamiltonoriginal
2025-01-22 20:44:12209parcourir

Hey tout le monde ?! React Native 0.77 est sorti, apportant une tonne de nouvelles fonctionnalités intéressantes ! Cette mise à jour se concentre sur un style amélioré, une compatibilité Android améliorée et des modifications importantes en matière d'outils. Si vous souhaitez un meilleur contrôle du style ou si vous êtes préoccupé par la compatibilité Android, cette version est un incontournable.

React Native ust Landed: Styling Superpowers & More!

J'ai exploré les notes de version et testé les nouvelles fonctionnalités – préparez-vous pour des mises à jour vraiment sympas ! Le nouveau mixBlendMode à lui seul change la donne pour les amateurs de mélange de couleurs.

Voici un aperçu des principales améliorations :

Capacités de style améliorées

Le système de style a reçu des améliorations majeures :

  • display: contents : Masquer les composants du wrapper tout en gardant leurs enfants visibles.
  • boxSizing : Fournit un contrôle plus fin sur les calculs de largeur et de hauteur.
  • mixBlendMode : présente de nouvelles options de mélange de couleurs passionnantes.
  • Nouvelles propriétés de contour : mettez en surbrillance les éléments sans modifier leur taille.

Améliorations Android

Les mises à jour Android importantes incluent :

  • Prise en charge complète des écrans bord à bord d'Android 15.
  • Compatibilité avec la nouvelle taille de page de 16 Ko d'Android pour les futurs appareils.
  • Mise à jour du support Kotlin vers la version 2.0.21.

Mises à jour des outils

Plusieurs changements d'outillage sont à noter :

  • Les modèles iOS sont désormais par défaut Swift (Objective-C reste pris en charge).
  • react-native init est remplacé ; utilisez npx create-expo-app ou npx @react-native-community/cli init à la place.
  • Metro ne propose plus de raccourcis clavier pour l'exécution iOS/Android.

Considérations importantes

Les développeurs doivent être conscients de :

  • Les journaux de la console sont désormais acheminés via React Native DevTools, et non vers Metro.
  • Les applications iOS nécessitent l'ajout de RCTAppDependencyProvider pour les dépendances tierces.
  • Certaines API internes ont été supprimées ou modifiées.

Premiers pas avec React Native 0.77

Créer un nouveau projet est facile :

<code class="language-bash">npx @react-native-community/cli@latest init MyProject --version latest</code>

React Native 0.77 offre des améliorations significatives pour les développeurs de tous niveaux d'expérience. Je vous encourage à essayer les nouvelles fonctionnalités de style et à partager vos commentaires ! Faites-moi savoir ce que vous construisez avec ces nouveaux outils dans les commentaires ci-dessous.

Lisez l'article complet du blog React Native ici : https://www.php.cn/link/19df34e5a4cbdb9c7a41acd3fbd71222

Jusqu'à la prochaine fois

P.S. N'oubliez pas de sauvegarder vos projets avant de procéder à la mise à niveau ! ?

React Native ust Landed: Styling Superpowers & More!

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn