React Native ust Landed: Styling-Superkräfte und mehr!

Hallo zusammen?! React Native 0.77 ist erschienen und bringt eine Menge aufregender neuer Funktionen! Der Schwerpunkt dieses Updates liegt auf verbessertem Design, verbesserter Android-Kompatibilität und einigen wichtigen Tooländerungen. Wenn Sie eine bessere Styling-Kontrolle wünschen oder sich Sorgen über die Android-Kompatibilität machen, ist diese Version ein Muss.

Ich habe die Versionshinweise durchgelesen und die neuen Funktionen getestet – machen Sie sich bereit für einige wirklich coole Updates! Allein das neue mixBlendMode ist ein Game-Changer für Liebhaber der Farbmischung.

Hier ist eine Aufschlüsselung der wichtigsten Verbesserungen:

Erweiterte Styling-Funktionen

Das Styling-System wurde erheblich verbessert:

• display: contents: Wrapper-Komponenten ausblenden, während ihre untergeordneten Elemente sichtbar bleiben.
• boxSizing: Bietet eine genauere Kontrolle über Breiten- und Höhenberechnungen.
• mixBlendMode: Stellt aufregende neue Farbmischungsoptionen vor.
• Neue Umrisseigenschaften: Heben Sie Elemente hervor, ohne ihre Größe zu ändern.

Android-Verbesserungen

Wichtige Android-Updates umfassen:

• Vollständige Unterstützung für die Edge-to-Edge-Displays von Android 15.
• Kompatibilität mit der neuen 16-KB-Seitengröße von Android für zukünftige Geräte.
• Kotlin-Unterstützung auf Version 2.0.21 aktualisiert.

Tooling-Updates

Mehrere Werkzeugänderungen sind bemerkenswert:

• iOS-Vorlagen verwenden jetzt standardmäßig Swift (Objective-C wird weiterhin unterstützt).
• react-native init wird ersetzt; Verwenden Sie stattdessen npx create-expo-app oder npx @react-native-community/cli init.
• Metro bietet keine Tastaturkürzel mehr für die iOS-/Android-Ausführung an.

Wichtige Überlegungen

Entwickler sollten Folgendes beachten:

• Konsolenprotokolle werden jetzt über React Native DevTools weitergeleitet, nicht über Metro.
• iOS-Apps erfordern das Hinzufügen von RCTAppDependencyProvider für Abhängigkeiten von Drittanbietern.
• Bestimmte interne APIs wurden entfernt oder geändert.

Erste Schritte mit React Native 0.77

Ein neues Projekt zu erstellen ist einfach:

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

---

React Native 0.77 bietet erhebliche Verbesserungen für Entwickler aller Erfahrungsstufen. Ich ermutige Sie, die neuen Styling-Funktionen auszuprobieren und Ihr Feedback zu teilen! Lassen Sie mich in den Kommentaren unten wissen, was Sie mit diesen neuen Tools erstellen.

Lesen Sie den vollständigen React Native-Blogbeitrag hier: https://www.php.cn/link/19df34e5a4cbdb9c7a41acd3fbd71222

Bis zum nächsten Mal ✨

P.S. Denken Sie daran, Ihre Projekte vor dem Upgrade zu sichern! ?

Das obige ist der detaillierte Inhalt vonReact Native ust Landed: Styling-Superkräfte und mehr!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!