>웹 프론트엔드 >JS 튜토리얼 >React Native ust Landed: 스타일링 초능력 등!

React Native ust Landed: 스타일링 초능력 등!

Linda Hamilton
Linda Hamilton원래의
2025-01-22 20:44:12210검색

안녕하세요 여러분?! React Native 0.77이 출시되어 수많은 흥미로운 새 기능이 추가되었습니다! 이 업데이트는 향상된 스타일, 향상된 Android 호환성 및 몇 가지 중요한 도구 변경 사항에 중점을 둡니다. 더 나은 스타일 제어를 원했거나 Android 호환성이 걱정된다면 이번 릴리스를 꼭 살펴보세요.

React Native ust Landed: Styling Superpowers & More!

릴리스 노트를 살펴보고 새로운 기능을 테스트했습니다. 정말 멋진 업데이트를 맞이할 준비를 하세요! 새로운 mixBlendMode만으로도 컬러 블렌딩 매니아들에게는 획기적인 제품입니다.

주요 개선 사항은 다음과 같습니다.

향상된 스타일링 기능

스타일링 시스템이 크게 향상되었습니다.

  • display: contents: 래퍼 구성 요소를 숨기고 하위 항목은 표시되도록 합니다.
  • boxSizing: 너비 및 높이 계산을 보다 세밀하게 제어할 수 있습니다.
  • mixBlendMode: 흥미롭고 새로운 색상 혼합 옵션을 소개합니다.
  • 새로운 윤곽선 속성: 크기를 변경하지 않고 요소를 강조 표시합니다.

안드로이드 개선

중요한 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 시작하기

새 프로젝트를 만드는 것은 쉽습니다.

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

React Native 0.77은 모든 경험 수준의 개발자에게 상당한 개선을 제공합니다. 새로운 스타일링 기능을 사용해 보시고 피드백을 공유해 보시기 바랍니다! 아래 댓글을 통해 새로운 도구를 사용하여 무엇을 만들고 있는지 알려주세요.

여기에서 전체 React Native 블로그 게시물을 읽어보세요. https://www.php.cn/link/19df34e5a4cbdb9c7a41acd3fbd71222

다음 시간까지

추신 업그레이드하기 전에 프로젝트를 백업하는 것을 잊지 마세요! ?

React Native ust Landed: Styling Superpowers & More!

위 내용은 React Native ust Landed: 스타일링 초능력 등!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.