MIX Fold3包裝盒泄露 新機本月登場
小米的全新折疊屏旗艦MIX Fold3將于本月發布，近日該機的真機包裝盒在網上泄露。從圖上來看，新的MIX Fold3包裝盒在外觀設計方面延續了之前的方案，變化不大，這也是目前小米旗艦
React Native 最近有個令人興奮的消息——V0.74 版本在幾天前發布了，包含了超過1600個提交。亮點如下：
下面我們深入了解每個新亮點。
首先了解一下 React Native 中的 Yoga 是什么。
Yoga 是一個由 Meta 開發的開源布局引擎。它負責在用戶界面內排列和定位 UI 元素（如按鈕、文本、圖像等）。
Yoga 為每個 UI 元素計算以下四個方面：
通過 Yoga，你可以創建響應式布局，適應不同的屏幕尺寸和方向。它還在 React Native 中實現了一個廣泛使用的概念——CSS Flexbox。因此，Yoga 可以說是 React Native 靈活 UI 的核心。
在之前的所有 React Native 版本中，存在一些不正確的布局行為。Yoga 3 解決了這些問題。其中一個最常見的問題是 ‘row-reverse’ 樣式無法正常工作。
來看下圖，左邊是 V0.73，右邊是 V0.74。
在上圖中，我們有一個 <Container />，內部是一個 <Parent /> 組件，再內部是兩個 <Child /> 組件。
我們在 <Parent /> 組件中應用了如下樣式：
// <Parent /> 組件的樣式style={{ flexDirection: 'row-reverse', backgroundColor: 'dodgerblue', flex: 1, marginLeft: 100, marginRight: 20, marginVertical: 20, alignItems: 'center'}}你注意到了嗎，我們為 <Parent /> 添加了 100 像素的 marginLeft？是的，但看下 React Native V0.73（左邊）的輸出。它顯示右邊有 100 像素的邊距（而不是左邊）！！現在看下 React Native V0.74（右邊）的輸出。很好，在 V0.74 中，我們看到左邊有了完美的 100 像素邊距，并且兩個 <Child /> 組件也被反轉了
本文鏈接：http://www.tebozhan.com/showinfo-26-92139-0.htmlReact Native V0.74 穩定版發布
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
Copyright ? 2016-2023 天津谷騏科技有限公司 版權所有 sitemap.xml
違法及侵權請聯系：2376512515@qq.com 津ICP備18001702號
津公網安備 12010102000574號