React Native が上陸しました: スタイリングのスーパーパワーなど!

やあ皆さん?! React Native 0.77 がリリースされ、エキサイティングな新機能が大量に追加されました。このアップデートは、スタイルの強化、Android 互換性の向上、およびいくつかの重要なツールの変更に焦点を当てています。 より優れたスタイル コントロールが必要な場合、または Android との互換性が気になる場合は、このリリースは必見です。

リリース ノートを調べて新機能をテストしました – いくつかの非常にクールなアップデートに備えてください! 新しい mixBlendMode だけでも、カラーブレンド愛好家にとっては大きな変革をもたらします。

主な改善点の内訳は次のとおりです:

スタイリング機能の強化

スタイリング システムが大幅に強化されました:

• display: contents: ラッパー コンポーネントを非表示にし、その子を表示したままにします。
• boxSizing: 幅と高さの計算をより細かく制御できます。
• mixBlendMode: エキサイティングな新しい色のブレンド オプションを紹介します。
• 新しいアウトライン プロパティ: サイズを変更せずに要素を強調表示します。

Android の改善

Android の重要なアップデートには以下が含まれます:

• Android 15 のエッジツーエッジ ディスプレイを完全にサポートします。
• 将来のデバイス向けの Android の新しい 16KB ページ サイズとの互換性。
• Kotlin サポートをバージョン 2.0.21 に更新しました。

ツールの更新

いくつかのツールの変更点は注目に値します:

• iOS テンプレートはデフォルトで Swift になりました (Objective-C は引き続きサポートされます)。
• react-native init は置き換えられます。代わりに npx create-expo-app または npx @react-native-community/cli init を使用してください。
• Metro は iOS/Android 実行用のキーボード ショートカットを提供しなくなりました。

重要な考慮事項

開発者は次の点に注意してください:

• コンソールのログは、Metro ではなく React Native DevTools を経由するようになりました。
• iOS アプリでは、サードパーティの依存関係に RCTAppDependencyProvider を追加する必要があります。
• 特定の内部 API が削除または変更されました。

React Native 0.77 入門

新しいプロジェクトの作成は簡単です:

npx @react-native-community/cli@latest init MyProject --version latest

---

React Native 0.77 は、あらゆる経験レベルの開発者に大幅な改善を提供します。 ぜひ新しいスタイル機能を試してフィードバックを共有することをお勧めします。 これらの新しいツールを使って何を構築しているのか、以下のコメント欄で教えてください。

React Native ブログ投稿全文はこちらからお読みください: https://www.php.cn/link/19df34e5a4cbdb9c7a41acd3fbd71222

次回まで ✨

追伸 アップグレードする前に必ずプロジェクトをバックアップしてください。 ?

以上がReact Native が上陸しました: スタイリングのスーパーパワーなど!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。